@abydahana/aksara-ui 1.1.0 → 1.1.1

package/dist/aksara.css

@@ -2,12 +2,15 @@
 @import "@mdi/font/css/materialdesignicons.min.css";
 
 :root {
-  --aksara-primary:92 106 255;
-  --aksara-primary-rgb:92, 106, 255;
-  --aksara-primary-hex:#5c6aff;
+  --aksara-primary:15 23 42;
+  --aksara-primary-rgb:15, 23, 42;
+  --aksara-primary-hex:#0f172a;
   --aksara-secondary:100 116 139;
   --aksara-secondary-rgb:100, 116, 139;
   --aksara-secondary-hex:#64748b;
+  --aksara-tertiary:148 163 184;
+  --aksara-tertiary-rgb:148, 163, 184;
+  --aksara-tertiary-hex:#94a3b8;
   --aksara-success:34 197 94;
   --aksara-success-rgb:34, 197, 94;
   --aksara-success-hex:#22c55e;
@@ -46,34 +49,56 @@
   --aksara-modal-x:0px;
   --aksara-modal-y:0px;
   --aksara-modal-width:32rem;
+  --aksara-surface:#ffffff;
+  --aksara-surface-hover:#f8fafc;
+  --aksara-surface-muted:#f1f5f9;
+  --aksara-bg-surface:#ffffff;
+  --aksara-bg-body:#ffffff;
+  --aksara-bg-body-secondary:#f8fafc;
+  --aksara-bg-body-tertiary:#f1f5f9;
+  --aksara-bg-subtle:#f1f5f9;
+  --aksara-bg-invert:#0f172a;
+  --aksara-bg:var(--aksara-bg-body);
+  --aksara-text-body:#0f172a;
+  --aksara-text-base:#0f172a;
+  --aksara-text-body-secondary:#64748b;
+  --aksara-text-body-tertiary:#94a3b8;
+  --aksara-text-subtle:#64748b;
+  --aksara-text-invert:#f8fafc;
+  --aksara-border:#e2e8f0;
+  --aksara-border-secondary:#f1f5f9;
+  --aksara-border-tertiary:#e2e8f0;
+  --aksara-border-subtle:#e2e8f0;
+  --aksara-border-invert:#475569;
+  --aksara-border-color:var(--aksara-border);
   font-size:1rem
 }
 :root,[data-theme="light"],.light {
   --aksara-surface:#ffffff;
-  --aksara-surface-hover:#f4f7fb;
-  --aksara-surface-muted:#f4f7fb;
+  --aksara-surface-hover:#f8fafc;
+  --aksara-surface-muted:#f1f5f9;
   --aksara-bg-surface:#ffffff;
-  --aksara-bg-body:#fbfcff;
-  --aksara-bg-body-secondary:#f4f7fb;
-  --aksara-bg-body-tertiary:#edf2f7;
-  --aksara-bg-subtle:#f4f7fb;
+  --aksara-bg-body:#ffffff;
+  --aksara-bg-body-secondary:#f8fafc;
+  --aksara-bg-body-tertiary:#f1f5f9;
+  --aksara-bg-subtle:#f1f5f9;
   --aksara-bg-invert:#0f172a;
   --aksara-bg:var(--aksara-bg-body);
-  --aksara-text-body:#172033;
-  --aksara-text-base:var(--aksara-text-body);
+  --aksara-text-body:#0f172a;
+  --aksara-text-base:#0f172a;
   --aksara-text-body-secondary:#64748b;
   --aksara-text-body-tertiary:#94a3b8;
   --aksara-text-subtle:#64748b;
   --aksara-text-invert:#f8fafc;
-  --aksara-border:#d7deea;
-  --aksara-border-secondary:#e6ebf3;
+  --aksara-border:#e2e8f0;
+  --aksara-border-secondary:#f1f5f9;
   --aksara-border-tertiary:#e2e8f0;
-  --aksara-border-subtle:#e6ebf3;
-  --aksara-border-invert:#94a3b8;
+  --aksara-border-subtle:#e2e8f0;
+  --aksara-border-invert:#475569;
   --aksara-border-color:var(--aksara-border);
-  --aksara-shadow-sm:0 1px 2px rgb(15 23 42/.06);
-  --aksara-shadow-md:0 12px 30px rgb(15 23 42/.10);
-  --aksara-shadow-lg:0 24px 70px rgb(15 23 42/.20);
+  --aksara-shadow-sm:0 1px 2px rgb(15 23 42/.05);
+  --aksara-shadow-md:0 10px 25px rgb(15 23 42/.08);
+  --aksara-shadow-lg:0 20px 50px rgb(15 23 42/.12);
   --aksara-overlay-bg:rgb(15 23 42/.46);
   --aksara-tooltip-bg:rgb(15 23 42);
   --aksara-tooltip-text:rgb(var(--aksara-light));
@@ -103,13 +128,13 @@
   --aksara-bg-invert:#f8fafc;
   --aksara-bg:var(--aksara-bg-body);
   --aksara-text-body:#f8fafc;
-  --aksara-text-base:var(--aksara-text-body);
+  --aksara-text-base:#f8fafc;
   --aksara-text-body-secondary:#94a3b8;
   --aksara-text-body-tertiary:#64748b;
   --aksara-text-subtle:#94a3b8;
   --aksara-text-invert:#0f172a;
-  --aksara-border:#334155;
-  --aksara-border-secondary:#1e293b;
+  --aksara-border:#1e293b;
+  --aksara-border-secondary:#0f172a;
   --aksara-border-tertiary:#334155;
   --aksara-border-subtle:#1e293b;
   --aksara-border-invert:#cbd5e1;
@@ -142,7 +167,7 @@ html {
 }
 body {
   margin:0;
-  font-family:Ubuntu,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
+  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
   font-size:1rem;
   background:var(--aksara-bg-body);
   color:var(--aksara-text-body);
@@ -435,6 +460,30 @@ img,svg,video {
   background-color:rgb(var(--aksara-secondary) / 1);
   border-color:rgb(var(--aksara-secondary) / 1)
 }
+.btn-tertiary {
+  color:rgb(var(--aksara-dark));
+  background-color:rgb(var(--aksara-tertiary) / 1);
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.btn-outline-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1);
+  background-color:transparent;
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.btn-soft-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1);
+  background-color:rgb(var(--aksara-tertiary) / 0.12);
+  border-color:rgb(var(--aksara-tertiary) / 0.18)
+}
+.btn-tertiary:hover {
+  background-color:rgb(var(--aksara-tertiary) / 0.88);
+  border-color:rgb(var(--aksara-tertiary) / 0.88)
+}
+.btn-outline-tertiary:hover {
+  color:rgb(var(--aksara-dark));
+  background-color:rgb(var(--aksara-tertiary) / 1);
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
 .btn-success {
   color:rgb(var(--aksara-light));
   background-color:rgb(var(--aksara-success) / 1);
@@ -1748,6 +1797,50 @@ img,svg,video {
   color:rgb(var(--aksara-light));
   background-color:rgb(var(--aksara-secondary) / 1)
 }
+.progress-bar.bg-tertiary {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.progress-bar.bg-tertiary\/10 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.progress-bar.bg-tertiary\/20 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.progress-bar.bg-tertiary\/30 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.3)
+}
+.progress-bar.bg-tertiary\/40 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.4)
+}
+.progress-bar.bg-tertiary\/50 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.5)
+}
+.progress-bar.bg-tertiary\/60 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.6)
+}
+.progress-bar.bg-tertiary\/70 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.7)
+}
+.progress-bar.bg-tertiary\/80 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.progress-bar.bg-tertiary\/90 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 0.9)
+}
+.progress-bar.bg-tertiary\/100 {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
 .progress-bar.bg-success {
   color:rgb(var(--aksara-light));
   background-color:rgb(var(--aksara-success) / 1)
@@ -2417,6 +2510,39 @@ img,svg,video {
 .toast-secondary .toast-header {
   color:rgb(var(--aksara-secondary) / 1)
 }
+.alert-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1);
+  background-color:rgb(var(--aksara-tertiary) / 0.1);
+  border-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.badge-tertiary {
+  color:rgb(var(--aksara-dark));
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.badge-soft-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1);
+  background-color:rgb(var(--aksara-tertiary) / 0.12)
+}
+.badge-dot.text-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1);
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.link-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1);
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.35)
+}
+.bg-text-tertiary {
+  color:rgb(var(--aksara-light));
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.toast-tertiary {
+  border-color:rgb(var(--aksara-tertiary) / 0.24);
+  border-inline-start:4px solid rgb(var(--aksara-tertiary) / 1);
+  background-image:linear-gradient(rgb(var(--aksara-tertiary) / 0.06),rgb(var(--aksara-tertiary) / 0.06))
+}
+.toast-tertiary .toast-header {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
 .alert-success {
   color:rgb(var(--aksara-success) / 1);
   background-color:rgb(var(--aksara-success) / 0.1);
@@ -3130,6 +3256,120 @@ img,svg,video {
 .avatar-group .avatar:not(:first-child) {
   margin-inline-start:-.625rem
 }
+.sidebar-nav {
+  display:flex;
+  flex-direction:column;
+  gap:.125rem;
+  padding:.5rem;
+  margin:0;
+  list-style:none
+}
+.sidebar-nav-item {
+  display:flex;
+  align-items:center;
+  gap:.625rem;
+  width:100%;
+  border:0;
+  border-radius:var(--aksara-radius-sm);
+  padding:.5625rem .75rem;
+  background:transparent;
+  color:var(--aksara-text-subtle);
+  font:inherit;
+  font-weight:600;
+  font-size:.9375rem;
+  text-align:start;
+  text-decoration:none;
+  cursor:pointer;
+  transition:background-color .15s ease,color .15s ease;
+  line-height:1.35
+}
+.sidebar-nav-header {
+  display:block;
+  padding:.625rem .75rem .25rem;
+  font-size:.6875rem;
+  font-weight:800;
+  text-transform:uppercase;
+  letter-spacing:.08em;
+  color:var(--aksara-text-subtle);
+  opacity:.7;
+  user-select:none
+}
+.sidebar-nav-icon {
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  width:1.375rem;
+  height:1.375rem;
+  flex-shrink:0;
+  font-size:1.0625rem
+}
+.sidebar-nav-label {
+  flex:1 1 auto;
+  min-width:0
+}
+.sidebar-nav-badge {
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  min-width:1.25rem;
+  height:1.25rem;
+  border-radius:9999px;
+  padding:0 .3125rem;
+  font-size:.6875rem;
+  font-weight:800;
+  background:rgb(var(--aksara-primary)/.12);
+  color:rgb(var(--aksara-primary));
+  flex-shrink:0
+}
+.sidebar-nav-brand {
+  display:flex;
+  align-items:center;
+  gap:.625rem;
+  padding:.875rem .75rem;
+  margin-block-end:.25rem
+}
+.sidebar-nav-brand-title {
+  font-weight:800;
+  font-size:.9375rem;
+  line-height:1.25;
+  color:var(--aksara-text-body)
+}
+.sidebar-nav-brand-subtitle {
+  display:block;
+  font-size:.75rem;
+  font-weight:400;
+  color:var(--aksara-text-subtle);
+  margin-block-start:.0625rem;
+  line-height:1.3
+}
+.sidebar-nav-item:hover {
+  background:var(--aksara-bg-subtle);
+  color:var(--aksara-text-body)
+}
+.sidebar-nav-item.active,.sidebar-nav-item[aria-selected="true"] {
+  background:var(--aksara-bg-subtle);
+  color:var(--aksara-text-body);
+  font-weight:700
+}
+.sidebar-nav-item:disabled,.sidebar-nav-item.disabled {
+  opacity:.5;
+  pointer-events:none
+}
+.sidebar-layout {
+  display:flex;
+  min-height:0;
+  gap:0
+}
+.sidebar-pane {
+  flex-shrink:0;
+  width:14rem;
+  border-inline-end:1px solid var(--aksara-border-subtle)
+}
+.sidebar-content {
+  flex:1 1 auto;
+  min-width:0;
+  overflow:auto
+}
 .m-0 {
   margin:0 !important
 }
@@ -6844,6 +7084,1539 @@ img,svg,video {
 .accent-secondary {
   accent-color:rgb(var(--aksara-secondary) / 1)
 }
+.bg-tertiary\/0 {
+  background-color:rgb(var(--aksara-tertiary) / 0)
+}
+.text-tertiary\/0 {
+  color:rgb(var(--aksara-tertiary) / 0)
+}
+.border-tertiary\/0 {
+  border-color:rgb(var(--aksara-tertiary) / 0)
+}
+.decoration-tertiary\/0 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0)
+}
+.ring-tertiary\/0 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0)
+}
+.bg-tertiary\/1 {
+  background-color:rgb(var(--aksara-tertiary) / 0.01)
+}
+.text-tertiary\/1 {
+  color:rgb(var(--aksara-tertiary) / 0.01)
+}
+.border-tertiary\/1 {
+  border-color:rgb(var(--aksara-tertiary) / 0.01)
+}
+.decoration-tertiary\/1 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.01)
+}
+.ring-tertiary\/1 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.01)
+}
+.bg-tertiary\/2 {
+  background-color:rgb(var(--aksara-tertiary) / 0.02)
+}
+.text-tertiary\/2 {
+  color:rgb(var(--aksara-tertiary) / 0.02)
+}
+.border-tertiary\/2 {
+  border-color:rgb(var(--aksara-tertiary) / 0.02)
+}
+.decoration-tertiary\/2 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.02)
+}
+.ring-tertiary\/2 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.02)
+}
+.bg-tertiary\/3 {
+  background-color:rgb(var(--aksara-tertiary) / 0.03)
+}
+.text-tertiary\/3 {
+  color:rgb(var(--aksara-tertiary) / 0.03)
+}
+.border-tertiary\/3 {
+  border-color:rgb(var(--aksara-tertiary) / 0.03)
+}
+.decoration-tertiary\/3 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.03)
+}
+.ring-tertiary\/3 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.03)
+}
+.bg-tertiary\/4 {
+  background-color:rgb(var(--aksara-tertiary) / 0.04)
+}
+.text-tertiary\/4 {
+  color:rgb(var(--aksara-tertiary) / 0.04)
+}
+.border-tertiary\/4 {
+  border-color:rgb(var(--aksara-tertiary) / 0.04)
+}
+.decoration-tertiary\/4 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.04)
+}
+.ring-tertiary\/4 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.04)
+}
+.bg-tertiary\/5 {
+  background-color:rgb(var(--aksara-tertiary) / 0.05)
+}
+.text-tertiary\/5 {
+  color:rgb(var(--aksara-tertiary) / 0.05)
+}
+.border-tertiary\/5 {
+  border-color:rgb(var(--aksara-tertiary) / 0.05)
+}
+.decoration-tertiary\/5 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.05)
+}
+.ring-tertiary\/5 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.05)
+}
+.bg-tertiary\/6 {
+  background-color:rgb(var(--aksara-tertiary) / 0.06)
+}
+.text-tertiary\/6 {
+  color:rgb(var(--aksara-tertiary) / 0.06)
+}
+.border-tertiary\/6 {
+  border-color:rgb(var(--aksara-tertiary) / 0.06)
+}
+.decoration-tertiary\/6 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.06)
+}
+.ring-tertiary\/6 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.06)
+}
+.bg-tertiary\/7 {
+  background-color:rgb(var(--aksara-tertiary) / 0.07)
+}
+.text-tertiary\/7 {
+  color:rgb(var(--aksara-tertiary) / 0.07)
+}
+.border-tertiary\/7 {
+  border-color:rgb(var(--aksara-tertiary) / 0.07)
+}
+.decoration-tertiary\/7 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.07)
+}
+.ring-tertiary\/7 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.07)
+}
+.bg-tertiary\/8 {
+  background-color:rgb(var(--aksara-tertiary) / 0.08)
+}
+.text-tertiary\/8 {
+  color:rgb(var(--aksara-tertiary) / 0.08)
+}
+.border-tertiary\/8 {
+  border-color:rgb(var(--aksara-tertiary) / 0.08)
+}
+.decoration-tertiary\/8 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.08)
+}
+.ring-tertiary\/8 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.08)
+}
+.bg-tertiary\/9 {
+  background-color:rgb(var(--aksara-tertiary) / 0.09)
+}
+.text-tertiary\/9 {
+  color:rgb(var(--aksara-tertiary) / 0.09)
+}
+.border-tertiary\/9 {
+  border-color:rgb(var(--aksara-tertiary) / 0.09)
+}
+.decoration-tertiary\/9 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.09)
+}
+.ring-tertiary\/9 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.09)
+}
+.bg-tertiary\/10 {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.text-tertiary\/10 {
+  color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.border-tertiary\/10 {
+  border-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.decoration-tertiary\/10 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.ring-tertiary\/10 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.bg-tertiary\/11 {
+  background-color:rgb(var(--aksara-tertiary) / 0.11)
+}
+.text-tertiary\/11 {
+  color:rgb(var(--aksara-tertiary) / 0.11)
+}
+.border-tertiary\/11 {
+  border-color:rgb(var(--aksara-tertiary) / 0.11)
+}
+.decoration-tertiary\/11 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.11)
+}
+.ring-tertiary\/11 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.11)
+}
+.bg-tertiary\/12 {
+  background-color:rgb(var(--aksara-tertiary) / 0.12)
+}
+.text-tertiary\/12 {
+  color:rgb(var(--aksara-tertiary) / 0.12)
+}
+.border-tertiary\/12 {
+  border-color:rgb(var(--aksara-tertiary) / 0.12)
+}
+.decoration-tertiary\/12 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.12)
+}
+.ring-tertiary\/12 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.12)
+}
+.bg-tertiary\/13 {
+  background-color:rgb(var(--aksara-tertiary) / 0.13)
+}
+.text-tertiary\/13 {
+  color:rgb(var(--aksara-tertiary) / 0.13)
+}
+.border-tertiary\/13 {
+  border-color:rgb(var(--aksara-tertiary) / 0.13)
+}
+.decoration-tertiary\/13 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.13)
+}
+.ring-tertiary\/13 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.13)
+}
+.bg-tertiary\/14 {
+  background-color:rgb(var(--aksara-tertiary) / 0.14)
+}
+.text-tertiary\/14 {
+  color:rgb(var(--aksara-tertiary) / 0.14)
+}
+.border-tertiary\/14 {
+  border-color:rgb(var(--aksara-tertiary) / 0.14)
+}
+.decoration-tertiary\/14 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.14)
+}
+.ring-tertiary\/14 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.14)
+}
+.bg-tertiary\/15 {
+  background-color:rgb(var(--aksara-tertiary) / 0.15)
+}
+.text-tertiary\/15 {
+  color:rgb(var(--aksara-tertiary) / 0.15)
+}
+.border-tertiary\/15 {
+  border-color:rgb(var(--aksara-tertiary) / 0.15)
+}
+.decoration-tertiary\/15 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.15)
+}
+.ring-tertiary\/15 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.15)
+}
+.bg-tertiary\/16 {
+  background-color:rgb(var(--aksara-tertiary) / 0.16)
+}
+.text-tertiary\/16 {
+  color:rgb(var(--aksara-tertiary) / 0.16)
+}
+.border-tertiary\/16 {
+  border-color:rgb(var(--aksara-tertiary) / 0.16)
+}
+.decoration-tertiary\/16 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.16)
+}
+.ring-tertiary\/16 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.16)
+}
+.bg-tertiary\/17 {
+  background-color:rgb(var(--aksara-tertiary) / 0.17)
+}
+.text-tertiary\/17 {
+  color:rgb(var(--aksara-tertiary) / 0.17)
+}
+.border-tertiary\/17 {
+  border-color:rgb(var(--aksara-tertiary) / 0.17)
+}
+.decoration-tertiary\/17 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.17)
+}
+.ring-tertiary\/17 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.17)
+}
+.bg-tertiary\/18 {
+  background-color:rgb(var(--aksara-tertiary) / 0.18)
+}
+.text-tertiary\/18 {
+  color:rgb(var(--aksara-tertiary) / 0.18)
+}
+.border-tertiary\/18 {
+  border-color:rgb(var(--aksara-tertiary) / 0.18)
+}
+.decoration-tertiary\/18 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.18)
+}
+.ring-tertiary\/18 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.18)
+}
+.bg-tertiary\/19 {
+  background-color:rgb(var(--aksara-tertiary) / 0.19)
+}
+.text-tertiary\/19 {
+  color:rgb(var(--aksara-tertiary) / 0.19)
+}
+.border-tertiary\/19 {
+  border-color:rgb(var(--aksara-tertiary) / 0.19)
+}
+.decoration-tertiary\/19 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.19)
+}
+.ring-tertiary\/19 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.19)
+}
+.bg-tertiary\/20 {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.text-tertiary\/20 {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.border-tertiary\/20 {
+  border-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.decoration-tertiary\/20 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.ring-tertiary\/20 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.bg-tertiary\/21 {
+  background-color:rgb(var(--aksara-tertiary) / 0.21)
+}
+.text-tertiary\/21 {
+  color:rgb(var(--aksara-tertiary) / 0.21)
+}
+.border-tertiary\/21 {
+  border-color:rgb(var(--aksara-tertiary) / 0.21)
+}
+.decoration-tertiary\/21 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.21)
+}
+.ring-tertiary\/21 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.21)
+}
+.bg-tertiary\/22 {
+  background-color:rgb(var(--aksara-tertiary) / 0.22)
+}
+.text-tertiary\/22 {
+  color:rgb(var(--aksara-tertiary) / 0.22)
+}
+.border-tertiary\/22 {
+  border-color:rgb(var(--aksara-tertiary) / 0.22)
+}
+.decoration-tertiary\/22 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.22)
+}
+.ring-tertiary\/22 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.22)
+}
+.bg-tertiary\/23 {
+  background-color:rgb(var(--aksara-tertiary) / 0.23)
+}
+.text-tertiary\/23 {
+  color:rgb(var(--aksara-tertiary) / 0.23)
+}
+.border-tertiary\/23 {
+  border-color:rgb(var(--aksara-tertiary) / 0.23)
+}
+.decoration-tertiary\/23 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.23)
+}
+.ring-tertiary\/23 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.23)
+}
+.bg-tertiary\/24 {
+  background-color:rgb(var(--aksara-tertiary) / 0.24)
+}
+.text-tertiary\/24 {
+  color:rgb(var(--aksara-tertiary) / 0.24)
+}
+.border-tertiary\/24 {
+  border-color:rgb(var(--aksara-tertiary) / 0.24)
+}
+.decoration-tertiary\/24 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.24)
+}
+.ring-tertiary\/24 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.24)
+}
+.bg-tertiary\/25 {
+  background-color:rgb(var(--aksara-tertiary) / 0.25)
+}
+.text-tertiary\/25 {
+  color:rgb(var(--aksara-tertiary) / 0.25)
+}
+.border-tertiary\/25 {
+  border-color:rgb(var(--aksara-tertiary) / 0.25)
+}
+.decoration-tertiary\/25 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.25)
+}
+.ring-tertiary\/25 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.25)
+}
+.bg-tertiary\/26 {
+  background-color:rgb(var(--aksara-tertiary) / 0.26)
+}
+.text-tertiary\/26 {
+  color:rgb(var(--aksara-tertiary) / 0.26)
+}
+.border-tertiary\/26 {
+  border-color:rgb(var(--aksara-tertiary) / 0.26)
+}
+.decoration-tertiary\/26 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.26)
+}
+.ring-tertiary\/26 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.26)
+}
+.bg-tertiary\/27 {
+  background-color:rgb(var(--aksara-tertiary) / 0.27)
+}
+.text-tertiary\/27 {
+  color:rgb(var(--aksara-tertiary) / 0.27)
+}
+.border-tertiary\/27 {
+  border-color:rgb(var(--aksara-tertiary) / 0.27)
+}
+.decoration-tertiary\/27 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.27)
+}
+.ring-tertiary\/27 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.27)
+}
+.bg-tertiary\/28 {
+  background-color:rgb(var(--aksara-tertiary) / 0.28)
+}
+.text-tertiary\/28 {
+  color:rgb(var(--aksara-tertiary) / 0.28)
+}
+.border-tertiary\/28 {
+  border-color:rgb(var(--aksara-tertiary) / 0.28)
+}
+.decoration-tertiary\/28 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.28)
+}
+.ring-tertiary\/28 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.28)
+}
+.bg-tertiary\/29 {
+  background-color:rgb(var(--aksara-tertiary) / 0.29)
+}
+.text-tertiary\/29 {
+  color:rgb(var(--aksara-tertiary) / 0.29)
+}
+.border-tertiary\/29 {
+  border-color:rgb(var(--aksara-tertiary) / 0.29)
+}
+.decoration-tertiary\/29 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.29)
+}
+.ring-tertiary\/29 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.29)
+}
+.bg-tertiary\/30 {
+  background-color:rgb(var(--aksara-tertiary) / 0.3)
+}
+.text-tertiary\/30 {
+  color:rgb(var(--aksara-tertiary) / 0.3)
+}
+.border-tertiary\/30 {
+  border-color:rgb(var(--aksara-tertiary) / 0.3)
+}
+.decoration-tertiary\/30 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.3)
+}
+.ring-tertiary\/30 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.3)
+}
+.bg-tertiary\/31 {
+  background-color:rgb(var(--aksara-tertiary) / 0.31)
+}
+.text-tertiary\/31 {
+  color:rgb(var(--aksara-tertiary) / 0.31)
+}
+.border-tertiary\/31 {
+  border-color:rgb(var(--aksara-tertiary) / 0.31)
+}
+.decoration-tertiary\/31 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.31)
+}
+.ring-tertiary\/31 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.31)
+}
+.bg-tertiary\/32 {
+  background-color:rgb(var(--aksara-tertiary) / 0.32)
+}
+.text-tertiary\/32 {
+  color:rgb(var(--aksara-tertiary) / 0.32)
+}
+.border-tertiary\/32 {
+  border-color:rgb(var(--aksara-tertiary) / 0.32)
+}
+.decoration-tertiary\/32 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.32)
+}
+.ring-tertiary\/32 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.32)
+}
+.bg-tertiary\/33 {
+  background-color:rgb(var(--aksara-tertiary) / 0.33)
+}
+.text-tertiary\/33 {
+  color:rgb(var(--aksara-tertiary) / 0.33)
+}
+.border-tertiary\/33 {
+  border-color:rgb(var(--aksara-tertiary) / 0.33)
+}
+.decoration-tertiary\/33 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.33)
+}
+.ring-tertiary\/33 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.33)
+}
+.bg-tertiary\/34 {
+  background-color:rgb(var(--aksara-tertiary) / 0.34)
+}
+.text-tertiary\/34 {
+  color:rgb(var(--aksara-tertiary) / 0.34)
+}
+.border-tertiary\/34 {
+  border-color:rgb(var(--aksara-tertiary) / 0.34)
+}
+.decoration-tertiary\/34 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.34)
+}
+.ring-tertiary\/34 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.34)
+}
+.bg-tertiary\/35 {
+  background-color:rgb(var(--aksara-tertiary) / 0.35)
+}
+.text-tertiary\/35 {
+  color:rgb(var(--aksara-tertiary) / 0.35)
+}
+.border-tertiary\/35 {
+  border-color:rgb(var(--aksara-tertiary) / 0.35)
+}
+.decoration-tertiary\/35 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.35)
+}
+.ring-tertiary\/35 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.35)
+}
+.bg-tertiary\/36 {
+  background-color:rgb(var(--aksara-tertiary) / 0.36)
+}
+.text-tertiary\/36 {
+  color:rgb(var(--aksara-tertiary) / 0.36)
+}
+.border-tertiary\/36 {
+  border-color:rgb(var(--aksara-tertiary) / 0.36)
+}
+.decoration-tertiary\/36 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.36)
+}
+.ring-tertiary\/36 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.36)
+}
+.bg-tertiary\/37 {
+  background-color:rgb(var(--aksara-tertiary) / 0.37)
+}
+.text-tertiary\/37 {
+  color:rgb(var(--aksara-tertiary) / 0.37)
+}
+.border-tertiary\/37 {
+  border-color:rgb(var(--aksara-tertiary) / 0.37)
+}
+.decoration-tertiary\/37 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.37)
+}
+.ring-tertiary\/37 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.37)
+}
+.bg-tertiary\/38 {
+  background-color:rgb(var(--aksara-tertiary) / 0.38)
+}
+.text-tertiary\/38 {
+  color:rgb(var(--aksara-tertiary) / 0.38)
+}
+.border-tertiary\/38 {
+  border-color:rgb(var(--aksara-tertiary) / 0.38)
+}
+.decoration-tertiary\/38 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.38)
+}
+.ring-tertiary\/38 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.38)
+}
+.bg-tertiary\/39 {
+  background-color:rgb(var(--aksara-tertiary) / 0.39)
+}
+.text-tertiary\/39 {
+  color:rgb(var(--aksara-tertiary) / 0.39)
+}
+.border-tertiary\/39 {
+  border-color:rgb(var(--aksara-tertiary) / 0.39)
+}
+.decoration-tertiary\/39 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.39)
+}
+.ring-tertiary\/39 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.39)
+}
+.bg-tertiary\/40 {
+  background-color:rgb(var(--aksara-tertiary) / 0.4)
+}
+.text-tertiary\/40 {
+  color:rgb(var(--aksara-tertiary) / 0.4)
+}
+.border-tertiary\/40 {
+  border-color:rgb(var(--aksara-tertiary) / 0.4)
+}
+.decoration-tertiary\/40 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.4)
+}
+.ring-tertiary\/40 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.4)
+}
+.bg-tertiary\/41 {
+  background-color:rgb(var(--aksara-tertiary) / 0.41)
+}
+.text-tertiary\/41 {
+  color:rgb(var(--aksara-tertiary) / 0.41)
+}
+.border-tertiary\/41 {
+  border-color:rgb(var(--aksara-tertiary) / 0.41)
+}
+.decoration-tertiary\/41 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.41)
+}
+.ring-tertiary\/41 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.41)
+}
+.bg-tertiary\/42 {
+  background-color:rgb(var(--aksara-tertiary) / 0.42)
+}
+.text-tertiary\/42 {
+  color:rgb(var(--aksara-tertiary) / 0.42)
+}
+.border-tertiary\/42 {
+  border-color:rgb(var(--aksara-tertiary) / 0.42)
+}
+.decoration-tertiary\/42 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.42)
+}
+.ring-tertiary\/42 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.42)
+}
+.bg-tertiary\/43 {
+  background-color:rgb(var(--aksara-tertiary) / 0.43)
+}
+.text-tertiary\/43 {
+  color:rgb(var(--aksara-tertiary) / 0.43)
+}
+.border-tertiary\/43 {
+  border-color:rgb(var(--aksara-tertiary) / 0.43)
+}
+.decoration-tertiary\/43 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.43)
+}
+.ring-tertiary\/43 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.43)
+}
+.bg-tertiary\/44 {
+  background-color:rgb(var(--aksara-tertiary) / 0.44)
+}
+.text-tertiary\/44 {
+  color:rgb(var(--aksara-tertiary) / 0.44)
+}
+.border-tertiary\/44 {
+  border-color:rgb(var(--aksara-tertiary) / 0.44)
+}
+.decoration-tertiary\/44 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.44)
+}
+.ring-tertiary\/44 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.44)
+}
+.bg-tertiary\/45 {
+  background-color:rgb(var(--aksara-tertiary) / 0.45)
+}
+.text-tertiary\/45 {
+  color:rgb(var(--aksara-tertiary) / 0.45)
+}
+.border-tertiary\/45 {
+  border-color:rgb(var(--aksara-tertiary) / 0.45)
+}
+.decoration-tertiary\/45 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.45)
+}
+.ring-tertiary\/45 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.45)
+}
+.bg-tertiary\/46 {
+  background-color:rgb(var(--aksara-tertiary) / 0.46)
+}
+.text-tertiary\/46 {
+  color:rgb(var(--aksara-tertiary) / 0.46)
+}
+.border-tertiary\/46 {
+  border-color:rgb(var(--aksara-tertiary) / 0.46)
+}
+.decoration-tertiary\/46 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.46)
+}
+.ring-tertiary\/46 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.46)
+}
+.bg-tertiary\/47 {
+  background-color:rgb(var(--aksara-tertiary) / 0.47)
+}
+.text-tertiary\/47 {
+  color:rgb(var(--aksara-tertiary) / 0.47)
+}
+.border-tertiary\/47 {
+  border-color:rgb(var(--aksara-tertiary) / 0.47)
+}
+.decoration-tertiary\/47 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.47)
+}
+.ring-tertiary\/47 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.47)
+}
+.bg-tertiary\/48 {
+  background-color:rgb(var(--aksara-tertiary) / 0.48)
+}
+.text-tertiary\/48 {
+  color:rgb(var(--aksara-tertiary) / 0.48)
+}
+.border-tertiary\/48 {
+  border-color:rgb(var(--aksara-tertiary) / 0.48)
+}
+.decoration-tertiary\/48 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.48)
+}
+.ring-tertiary\/48 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.48)
+}
+.bg-tertiary\/49 {
+  background-color:rgb(var(--aksara-tertiary) / 0.49)
+}
+.text-tertiary\/49 {
+  color:rgb(var(--aksara-tertiary) / 0.49)
+}
+.border-tertiary\/49 {
+  border-color:rgb(var(--aksara-tertiary) / 0.49)
+}
+.decoration-tertiary\/49 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.49)
+}
+.ring-tertiary\/49 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.49)
+}
+.bg-tertiary\/50 {
+  background-color:rgb(var(--aksara-tertiary) / 0.5)
+}
+.text-tertiary\/50 {
+  color:rgb(var(--aksara-tertiary) / 0.5)
+}
+.border-tertiary\/50 {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
+.decoration-tertiary\/50 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.5)
+}
+.ring-tertiary\/50 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.5)
+}
+.bg-tertiary\/51 {
+  background-color:rgb(var(--aksara-tertiary) / 0.51)
+}
+.text-tertiary\/51 {
+  color:rgb(var(--aksara-tertiary) / 0.51)
+}
+.border-tertiary\/51 {
+  border-color:rgb(var(--aksara-tertiary) / 0.51)
+}
+.decoration-tertiary\/51 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.51)
+}
+.ring-tertiary\/51 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.51)
+}
+.bg-tertiary\/52 {
+  background-color:rgb(var(--aksara-tertiary) / 0.52)
+}
+.text-tertiary\/52 {
+  color:rgb(var(--aksara-tertiary) / 0.52)
+}
+.border-tertiary\/52 {
+  border-color:rgb(var(--aksara-tertiary) / 0.52)
+}
+.decoration-tertiary\/52 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.52)
+}
+.ring-tertiary\/52 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.52)
+}
+.bg-tertiary\/53 {
+  background-color:rgb(var(--aksara-tertiary) / 0.53)
+}
+.text-tertiary\/53 {
+  color:rgb(var(--aksara-tertiary) / 0.53)
+}
+.border-tertiary\/53 {
+  border-color:rgb(var(--aksara-tertiary) / 0.53)
+}
+.decoration-tertiary\/53 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.53)
+}
+.ring-tertiary\/53 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.53)
+}
+.bg-tertiary\/54 {
+  background-color:rgb(var(--aksara-tertiary) / 0.54)
+}
+.text-tertiary\/54 {
+  color:rgb(var(--aksara-tertiary) / 0.54)
+}
+.border-tertiary\/54 {
+  border-color:rgb(var(--aksara-tertiary) / 0.54)
+}
+.decoration-tertiary\/54 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.54)
+}
+.ring-tertiary\/54 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.54)
+}
+.bg-tertiary\/55 {
+  background-color:rgb(var(--aksara-tertiary) / 0.55)
+}
+.text-tertiary\/55 {
+  color:rgb(var(--aksara-tertiary) / 0.55)
+}
+.border-tertiary\/55 {
+  border-color:rgb(var(--aksara-tertiary) / 0.55)
+}
+.decoration-tertiary\/55 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.55)
+}
+.ring-tertiary\/55 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.55)
+}
+.bg-tertiary\/56 {
+  background-color:rgb(var(--aksara-tertiary) / 0.56)
+}
+.text-tertiary\/56 {
+  color:rgb(var(--aksara-tertiary) / 0.56)
+}
+.border-tertiary\/56 {
+  border-color:rgb(var(--aksara-tertiary) / 0.56)
+}
+.decoration-tertiary\/56 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.56)
+}
+.ring-tertiary\/56 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.56)
+}
+.bg-tertiary\/57 {
+  background-color:rgb(var(--aksara-tertiary) / 0.57)
+}
+.text-tertiary\/57 {
+  color:rgb(var(--aksara-tertiary) / 0.57)
+}
+.border-tertiary\/57 {
+  border-color:rgb(var(--aksara-tertiary) / 0.57)
+}
+.decoration-tertiary\/57 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.57)
+}
+.ring-tertiary\/57 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.57)
+}
+.bg-tertiary\/58 {
+  background-color:rgb(var(--aksara-tertiary) / 0.58)
+}
+.text-tertiary\/58 {
+  color:rgb(var(--aksara-tertiary) / 0.58)
+}
+.border-tertiary\/58 {
+  border-color:rgb(var(--aksara-tertiary) / 0.58)
+}
+.decoration-tertiary\/58 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.58)
+}
+.ring-tertiary\/58 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.58)
+}
+.bg-tertiary\/59 {
+  background-color:rgb(var(--aksara-tertiary) / 0.59)
+}
+.text-tertiary\/59 {
+  color:rgb(var(--aksara-tertiary) / 0.59)
+}
+.border-tertiary\/59 {
+  border-color:rgb(var(--aksara-tertiary) / 0.59)
+}
+.decoration-tertiary\/59 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.59)
+}
+.ring-tertiary\/59 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.59)
+}
+.bg-tertiary\/60 {
+  background-color:rgb(var(--aksara-tertiary) / 0.6)
+}
+.text-tertiary\/60 {
+  color:rgb(var(--aksara-tertiary) / 0.6)
+}
+.border-tertiary\/60 {
+  border-color:rgb(var(--aksara-tertiary) / 0.6)
+}
+.decoration-tertiary\/60 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.6)
+}
+.ring-tertiary\/60 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.6)
+}
+.bg-tertiary\/61 {
+  background-color:rgb(var(--aksara-tertiary) / 0.61)
+}
+.text-tertiary\/61 {
+  color:rgb(var(--aksara-tertiary) / 0.61)
+}
+.border-tertiary\/61 {
+  border-color:rgb(var(--aksara-tertiary) / 0.61)
+}
+.decoration-tertiary\/61 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.61)
+}
+.ring-tertiary\/61 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.61)
+}
+.bg-tertiary\/62 {
+  background-color:rgb(var(--aksara-tertiary) / 0.62)
+}
+.text-tertiary\/62 {
+  color:rgb(var(--aksara-tertiary) / 0.62)
+}
+.border-tertiary\/62 {
+  border-color:rgb(var(--aksara-tertiary) / 0.62)
+}
+.decoration-tertiary\/62 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.62)
+}
+.ring-tertiary\/62 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.62)
+}
+.bg-tertiary\/63 {
+  background-color:rgb(var(--aksara-tertiary) / 0.63)
+}
+.text-tertiary\/63 {
+  color:rgb(var(--aksara-tertiary) / 0.63)
+}
+.border-tertiary\/63 {
+  border-color:rgb(var(--aksara-tertiary) / 0.63)
+}
+.decoration-tertiary\/63 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.63)
+}
+.ring-tertiary\/63 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.63)
+}
+.bg-tertiary\/64 {
+  background-color:rgb(var(--aksara-tertiary) / 0.64)
+}
+.text-tertiary\/64 {
+  color:rgb(var(--aksara-tertiary) / 0.64)
+}
+.border-tertiary\/64 {
+  border-color:rgb(var(--aksara-tertiary) / 0.64)
+}
+.decoration-tertiary\/64 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.64)
+}
+.ring-tertiary\/64 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.64)
+}
+.bg-tertiary\/65 {
+  background-color:rgb(var(--aksara-tertiary) / 0.65)
+}
+.text-tertiary\/65 {
+  color:rgb(var(--aksara-tertiary) / 0.65)
+}
+.border-tertiary\/65 {
+  border-color:rgb(var(--aksara-tertiary) / 0.65)
+}
+.decoration-tertiary\/65 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.65)
+}
+.ring-tertiary\/65 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.65)
+}
+.bg-tertiary\/66 {
+  background-color:rgb(var(--aksara-tertiary) / 0.66)
+}
+.text-tertiary\/66 {
+  color:rgb(var(--aksara-tertiary) / 0.66)
+}
+.border-tertiary\/66 {
+  border-color:rgb(var(--aksara-tertiary) / 0.66)
+}
+.decoration-tertiary\/66 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.66)
+}
+.ring-tertiary\/66 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.66)
+}
+.bg-tertiary\/67 {
+  background-color:rgb(var(--aksara-tertiary) / 0.67)
+}
+.text-tertiary\/67 {
+  color:rgb(var(--aksara-tertiary) / 0.67)
+}
+.border-tertiary\/67 {
+  border-color:rgb(var(--aksara-tertiary) / 0.67)
+}
+.decoration-tertiary\/67 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.67)
+}
+.ring-tertiary\/67 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.67)
+}
+.bg-tertiary\/68 {
+  background-color:rgb(var(--aksara-tertiary) / 0.68)
+}
+.text-tertiary\/68 {
+  color:rgb(var(--aksara-tertiary) / 0.68)
+}
+.border-tertiary\/68 {
+  border-color:rgb(var(--aksara-tertiary) / 0.68)
+}
+.decoration-tertiary\/68 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.68)
+}
+.ring-tertiary\/68 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.68)
+}
+.bg-tertiary\/69 {
+  background-color:rgb(var(--aksara-tertiary) / 0.69)
+}
+.text-tertiary\/69 {
+  color:rgb(var(--aksara-tertiary) / 0.69)
+}
+.border-tertiary\/69 {
+  border-color:rgb(var(--aksara-tertiary) / 0.69)
+}
+.decoration-tertiary\/69 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.69)
+}
+.ring-tertiary\/69 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.69)
+}
+.bg-tertiary\/70 {
+  background-color:rgb(var(--aksara-tertiary) / 0.7)
+}
+.text-tertiary\/70 {
+  color:rgb(var(--aksara-tertiary) / 0.7)
+}
+.border-tertiary\/70 {
+  border-color:rgb(var(--aksara-tertiary) / 0.7)
+}
+.decoration-tertiary\/70 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.7)
+}
+.ring-tertiary\/70 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.7)
+}
+.bg-tertiary\/71 {
+  background-color:rgb(var(--aksara-tertiary) / 0.71)
+}
+.text-tertiary\/71 {
+  color:rgb(var(--aksara-tertiary) / 0.71)
+}
+.border-tertiary\/71 {
+  border-color:rgb(var(--aksara-tertiary) / 0.71)
+}
+.decoration-tertiary\/71 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.71)
+}
+.ring-tertiary\/71 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.71)
+}
+.bg-tertiary\/72 {
+  background-color:rgb(var(--aksara-tertiary) / 0.72)
+}
+.text-tertiary\/72 {
+  color:rgb(var(--aksara-tertiary) / 0.72)
+}
+.border-tertiary\/72 {
+  border-color:rgb(var(--aksara-tertiary) / 0.72)
+}
+.decoration-tertiary\/72 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.72)
+}
+.ring-tertiary\/72 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.72)
+}
+.bg-tertiary\/73 {
+  background-color:rgb(var(--aksara-tertiary) / 0.73)
+}
+.text-tertiary\/73 {
+  color:rgb(var(--aksara-tertiary) / 0.73)
+}
+.border-tertiary\/73 {
+  border-color:rgb(var(--aksara-tertiary) / 0.73)
+}
+.decoration-tertiary\/73 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.73)
+}
+.ring-tertiary\/73 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.73)
+}
+.bg-tertiary\/74 {
+  background-color:rgb(var(--aksara-tertiary) / 0.74)
+}
+.text-tertiary\/74 {
+  color:rgb(var(--aksara-tertiary) / 0.74)
+}
+.border-tertiary\/74 {
+  border-color:rgb(var(--aksara-tertiary) / 0.74)
+}
+.decoration-tertiary\/74 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.74)
+}
+.ring-tertiary\/74 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.74)
+}
+.bg-tertiary\/75 {
+  background-color:rgb(var(--aksara-tertiary) / 0.75)
+}
+.text-tertiary\/75 {
+  color:rgb(var(--aksara-tertiary) / 0.75)
+}
+.border-tertiary\/75 {
+  border-color:rgb(var(--aksara-tertiary) / 0.75)
+}
+.decoration-tertiary\/75 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.75)
+}
+.ring-tertiary\/75 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.75)
+}
+.bg-tertiary\/76 {
+  background-color:rgb(var(--aksara-tertiary) / 0.76)
+}
+.text-tertiary\/76 {
+  color:rgb(var(--aksara-tertiary) / 0.76)
+}
+.border-tertiary\/76 {
+  border-color:rgb(var(--aksara-tertiary) / 0.76)
+}
+.decoration-tertiary\/76 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.76)
+}
+.ring-tertiary\/76 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.76)
+}
+.bg-tertiary\/77 {
+  background-color:rgb(var(--aksara-tertiary) / 0.77)
+}
+.text-tertiary\/77 {
+  color:rgb(var(--aksara-tertiary) / 0.77)
+}
+.border-tertiary\/77 {
+  border-color:rgb(var(--aksara-tertiary) / 0.77)
+}
+.decoration-tertiary\/77 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.77)
+}
+.ring-tertiary\/77 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.77)
+}
+.bg-tertiary\/78 {
+  background-color:rgb(var(--aksara-tertiary) / 0.78)
+}
+.text-tertiary\/78 {
+  color:rgb(var(--aksara-tertiary) / 0.78)
+}
+.border-tertiary\/78 {
+  border-color:rgb(var(--aksara-tertiary) / 0.78)
+}
+.decoration-tertiary\/78 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.78)
+}
+.ring-tertiary\/78 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.78)
+}
+.bg-tertiary\/79 {
+  background-color:rgb(var(--aksara-tertiary) / 0.79)
+}
+.text-tertiary\/79 {
+  color:rgb(var(--aksara-tertiary) / 0.79)
+}
+.border-tertiary\/79 {
+  border-color:rgb(var(--aksara-tertiary) / 0.79)
+}
+.decoration-tertiary\/79 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.79)
+}
+.ring-tertiary\/79 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.79)
+}
+.bg-tertiary\/80 {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.text-tertiary\/80 {
+  color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.border-tertiary\/80 {
+  border-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.decoration-tertiary\/80 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.ring-tertiary\/80 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.bg-tertiary\/81 {
+  background-color:rgb(var(--aksara-tertiary) / 0.81)
+}
+.text-tertiary\/81 {
+  color:rgb(var(--aksara-tertiary) / 0.81)
+}
+.border-tertiary\/81 {
+  border-color:rgb(var(--aksara-tertiary) / 0.81)
+}
+.decoration-tertiary\/81 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.81)
+}
+.ring-tertiary\/81 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.81)
+}
+.bg-tertiary\/82 {
+  background-color:rgb(var(--aksara-tertiary) / 0.82)
+}
+.text-tertiary\/82 {
+  color:rgb(var(--aksara-tertiary) / 0.82)
+}
+.border-tertiary\/82 {
+  border-color:rgb(var(--aksara-tertiary) / 0.82)
+}
+.decoration-tertiary\/82 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.82)
+}
+.ring-tertiary\/82 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.82)
+}
+.bg-tertiary\/83 {
+  background-color:rgb(var(--aksara-tertiary) / 0.83)
+}
+.text-tertiary\/83 {
+  color:rgb(var(--aksara-tertiary) / 0.83)
+}
+.border-tertiary\/83 {
+  border-color:rgb(var(--aksara-tertiary) / 0.83)
+}
+.decoration-tertiary\/83 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.83)
+}
+.ring-tertiary\/83 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.83)
+}
+.bg-tertiary\/84 {
+  background-color:rgb(var(--aksara-tertiary) / 0.84)
+}
+.text-tertiary\/84 {
+  color:rgb(var(--aksara-tertiary) / 0.84)
+}
+.border-tertiary\/84 {
+  border-color:rgb(var(--aksara-tertiary) / 0.84)
+}
+.decoration-tertiary\/84 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.84)
+}
+.ring-tertiary\/84 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.84)
+}
+.bg-tertiary\/85 {
+  background-color:rgb(var(--aksara-tertiary) / 0.85)
+}
+.text-tertiary\/85 {
+  color:rgb(var(--aksara-tertiary) / 0.85)
+}
+.border-tertiary\/85 {
+  border-color:rgb(var(--aksara-tertiary) / 0.85)
+}
+.decoration-tertiary\/85 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.85)
+}
+.ring-tertiary\/85 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.85)
+}
+.bg-tertiary\/86 {
+  background-color:rgb(var(--aksara-tertiary) / 0.86)
+}
+.text-tertiary\/86 {
+  color:rgb(var(--aksara-tertiary) / 0.86)
+}
+.border-tertiary\/86 {
+  border-color:rgb(var(--aksara-tertiary) / 0.86)
+}
+.decoration-tertiary\/86 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.86)
+}
+.ring-tertiary\/86 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.86)
+}
+.bg-tertiary\/87 {
+  background-color:rgb(var(--aksara-tertiary) / 0.87)
+}
+.text-tertiary\/87 {
+  color:rgb(var(--aksara-tertiary) / 0.87)
+}
+.border-tertiary\/87 {
+  border-color:rgb(var(--aksara-tertiary) / 0.87)
+}
+.decoration-tertiary\/87 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.87)
+}
+.ring-tertiary\/87 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.87)
+}
+.bg-tertiary\/88 {
+  background-color:rgb(var(--aksara-tertiary) / 0.88)
+}
+.text-tertiary\/88 {
+  color:rgb(var(--aksara-tertiary) / 0.88)
+}
+.border-tertiary\/88 {
+  border-color:rgb(var(--aksara-tertiary) / 0.88)
+}
+.decoration-tertiary\/88 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.88)
+}
+.ring-tertiary\/88 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.88)
+}
+.bg-tertiary\/89 {
+  background-color:rgb(var(--aksara-tertiary) / 0.89)
+}
+.text-tertiary\/89 {
+  color:rgb(var(--aksara-tertiary) / 0.89)
+}
+.border-tertiary\/89 {
+  border-color:rgb(var(--aksara-tertiary) / 0.89)
+}
+.decoration-tertiary\/89 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.89)
+}
+.ring-tertiary\/89 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.89)
+}
+.bg-tertiary\/90 {
+  background-color:rgb(var(--aksara-tertiary) / 0.9)
+}
+.text-tertiary\/90 {
+  color:rgb(var(--aksara-tertiary) / 0.9)
+}
+.border-tertiary\/90 {
+  border-color:rgb(var(--aksara-tertiary) / 0.9)
+}
+.decoration-tertiary\/90 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.9)
+}
+.ring-tertiary\/90 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.9)
+}
+.bg-tertiary\/91 {
+  background-color:rgb(var(--aksara-tertiary) / 0.91)
+}
+.text-tertiary\/91 {
+  color:rgb(var(--aksara-tertiary) / 0.91)
+}
+.border-tertiary\/91 {
+  border-color:rgb(var(--aksara-tertiary) / 0.91)
+}
+.decoration-tertiary\/91 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.91)
+}
+.ring-tertiary\/91 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.91)
+}
+.bg-tertiary\/92 {
+  background-color:rgb(var(--aksara-tertiary) / 0.92)
+}
+.text-tertiary\/92 {
+  color:rgb(var(--aksara-tertiary) / 0.92)
+}
+.border-tertiary\/92 {
+  border-color:rgb(var(--aksara-tertiary) / 0.92)
+}
+.decoration-tertiary\/92 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.92)
+}
+.ring-tertiary\/92 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.92)
+}
+.bg-tertiary\/93 {
+  background-color:rgb(var(--aksara-tertiary) / 0.93)
+}
+.text-tertiary\/93 {
+  color:rgb(var(--aksara-tertiary) / 0.93)
+}
+.border-tertiary\/93 {
+  border-color:rgb(var(--aksara-tertiary) / 0.93)
+}
+.decoration-tertiary\/93 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.93)
+}
+.ring-tertiary\/93 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.93)
+}
+.bg-tertiary\/94 {
+  background-color:rgb(var(--aksara-tertiary) / 0.94)
+}
+.text-tertiary\/94 {
+  color:rgb(var(--aksara-tertiary) / 0.94)
+}
+.border-tertiary\/94 {
+  border-color:rgb(var(--aksara-tertiary) / 0.94)
+}
+.decoration-tertiary\/94 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.94)
+}
+.ring-tertiary\/94 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.94)
+}
+.bg-tertiary\/95 {
+  background-color:rgb(var(--aksara-tertiary) / 0.95)
+}
+.text-tertiary\/95 {
+  color:rgb(var(--aksara-tertiary) / 0.95)
+}
+.border-tertiary\/95 {
+  border-color:rgb(var(--aksara-tertiary) / 0.95)
+}
+.decoration-tertiary\/95 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.95)
+}
+.ring-tertiary\/95 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.95)
+}
+.bg-tertiary\/96 {
+  background-color:rgb(var(--aksara-tertiary) / 0.96)
+}
+.text-tertiary\/96 {
+  color:rgb(var(--aksara-tertiary) / 0.96)
+}
+.border-tertiary\/96 {
+  border-color:rgb(var(--aksara-tertiary) / 0.96)
+}
+.decoration-tertiary\/96 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.96)
+}
+.ring-tertiary\/96 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.96)
+}
+.bg-tertiary\/97 {
+  background-color:rgb(var(--aksara-tertiary) / 0.97)
+}
+.text-tertiary\/97 {
+  color:rgb(var(--aksara-tertiary) / 0.97)
+}
+.border-tertiary\/97 {
+  border-color:rgb(var(--aksara-tertiary) / 0.97)
+}
+.decoration-tertiary\/97 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.97)
+}
+.ring-tertiary\/97 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.97)
+}
+.bg-tertiary\/98 {
+  background-color:rgb(var(--aksara-tertiary) / 0.98)
+}
+.text-tertiary\/98 {
+  color:rgb(var(--aksara-tertiary) / 0.98)
+}
+.border-tertiary\/98 {
+  border-color:rgb(var(--aksara-tertiary) / 0.98)
+}
+.decoration-tertiary\/98 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.98)
+}
+.ring-tertiary\/98 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.98)
+}
+.bg-tertiary\/99 {
+  background-color:rgb(var(--aksara-tertiary) / 0.99)
+}
+.text-tertiary\/99 {
+  color:rgb(var(--aksara-tertiary) / 0.99)
+}
+.border-tertiary\/99 {
+  border-color:rgb(var(--aksara-tertiary) / 0.99)
+}
+.decoration-tertiary\/99 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 0.99)
+}
+.ring-tertiary\/99 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 0.99)
+}
+.bg-tertiary\/100 {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.text-tertiary\/100 {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.border-tertiary\/100 {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.decoration-tertiary\/100 {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 1)
+}
+.ring-tertiary\/100 {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.bg-tertiary {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.text-tertiary {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.border-tertiary {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.decoration-tertiary {
+  text-decoration-color:rgb(var(--aksara-tertiary) / 1)
+}
+.ring-tertiary {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.accent-tertiary {
+  accent-color:rgb(var(--aksara-tertiary) / 1)
+}
 .bg-success\/0 {
   background-color:rgb(var(--aksara-success) / 0)
 }
@@ -16072,6 +17845,12 @@ img,svg,video {
 .border-invert {
   border-color:var(--aksara-border-invert)
 }
+.bg-base {
+  background-color:var(--aksara-surface,var(--aksara-bg-body,#ffffff))
+}
+.border-base {
+  border-color:var(--aksara-border,#d7deea)
+}
 .bg-body-secondary {
   background-color:var(--aksara-bg-body-secondary,var(--aksara-bg-subtle))
 }
@@ -23586,7 +25365,7 @@ img,svg,video {
   font-weight:900
 }
 .font-sans {
-  font-family:Ubuntu,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif
+  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif
 }
 .font-serif {
   font-family:ui-serif,Georgia,Cambria,serif
@@ -31254,6 +33033,33 @@ img,svg,video {
 .hover\:border-secondary\/50:hover {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.hover\:bg-tertiary:hover {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.hover\:text-tertiary:hover {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.hover\:border-tertiary:hover {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.hover\:ring-tertiary:hover {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.hover\:bg-tertiary\/10:hover {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.hover\:bg-tertiary\/20:hover {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.hover\:bg-tertiary\/80:hover {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.hover\:text-tertiary\/20:hover {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.hover\:border-tertiary\/50:hover {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .hover\:bg-success:hover {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -31491,6 +33297,33 @@ img,svg,video {
 .focus\:border-secondary\/50:focus {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.focus\:bg-tertiary:focus {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.focus\:text-tertiary:focus {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.focus\:border-tertiary:focus {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.focus\:ring-tertiary:focus {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.focus\:bg-tertiary\/10:focus {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.focus\:bg-tertiary\/20:focus {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.focus\:bg-tertiary\/80:focus {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.focus\:text-tertiary\/20:focus {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.focus\:border-tertiary\/50:focus {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .focus\:bg-success:focus {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -31728,6 +33561,33 @@ img,svg,video {
 .active\:border-secondary\/50:active {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.active\:bg-tertiary:active {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.active\:text-tertiary:active {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.active\:border-tertiary:active {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.active\:ring-tertiary:active {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.active\:bg-tertiary\/10:active {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.active\:bg-tertiary\/20:active {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.active\:bg-tertiary\/80:active {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.active\:text-tertiary\/20:active {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.active\:border-tertiary\/50:active {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .active\:bg-success:active {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -31965,6 +33825,33 @@ img,svg,video {
 .disabled\:border-secondary\/50:disabled {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.disabled\:bg-tertiary:disabled {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.disabled\:text-tertiary:disabled {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.disabled\:border-tertiary:disabled {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.disabled\:ring-tertiary:disabled {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.disabled\:bg-tertiary\/10:disabled {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.disabled\:bg-tertiary\/20:disabled {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.disabled\:bg-tertiary\/80:disabled {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.disabled\:text-tertiary\/20:disabled {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.disabled\:border-tertiary\/50:disabled {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .disabled\:bg-success:disabled {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -32202,6 +34089,33 @@ img,svg,video {
 .checked\:border-secondary\/50:checked {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.checked\:bg-tertiary:checked {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.checked\:text-tertiary:checked {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.checked\:border-tertiary:checked {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.checked\:ring-tertiary:checked {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.checked\:bg-tertiary\/10:checked {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.checked\:bg-tertiary\/20:checked {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.checked\:bg-tertiary\/80:checked {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.checked\:text-tertiary\/20:checked {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.checked\:border-tertiary\/50:checked {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .checked\:bg-success:checked {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -32439,6 +34353,33 @@ img,svg,video {
 .selected\:border-secondary\/50[aria-selected="true"] {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.selected\:bg-tertiary[aria-selected="true"] {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.selected\:text-tertiary[aria-selected="true"] {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.selected\:border-tertiary[aria-selected="true"] {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.selected\:ring-tertiary[aria-selected="true"] {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.selected\:bg-tertiary\/10[aria-selected="true"] {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.selected\:bg-tertiary\/20[aria-selected="true"] {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.selected\:bg-tertiary\/80[aria-selected="true"] {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.selected\:text-tertiary\/20[aria-selected="true"] {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.selected\:border-tertiary\/50[aria-selected="true"] {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .selected\:bg-success[aria-selected="true"] {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -32676,6 +34617,33 @@ img,svg,video {
 .visited\:border-secondary\/50:visited {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.visited\:bg-tertiary:visited {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.visited\:text-tertiary:visited {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.visited\:border-tertiary:visited {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.visited\:ring-tertiary:visited {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.visited\:bg-tertiary\/10:visited {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.visited\:bg-tertiary\/20:visited {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.visited\:bg-tertiary\/80:visited {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.visited\:text-tertiary\/20:visited {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.visited\:border-tertiary\/50:visited {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .visited\:bg-success:visited {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -32913,6 +34881,33 @@ img,svg,video {
 .first\:border-secondary\/50:first-child {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.first\:bg-tertiary:first-child {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.first\:text-tertiary:first-child {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.first\:border-tertiary:first-child {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.first\:ring-tertiary:first-child {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.first\:bg-tertiary\/10:first-child {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.first\:bg-tertiary\/20:first-child {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.first\:bg-tertiary\/80:first-child {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.first\:text-tertiary\/20:first-child {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.first\:border-tertiary\/50:first-child {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .first\:bg-success:first-child {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -33150,6 +35145,33 @@ img,svg,video {
 .last\:border-secondary\/50:last-child {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.last\:bg-tertiary:last-child {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.last\:text-tertiary:last-child {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.last\:border-tertiary:last-child {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.last\:ring-tertiary:last-child {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.last\:bg-tertiary\/10:last-child {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.last\:bg-tertiary\/20:last-child {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.last\:bg-tertiary\/80:last-child {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.last\:text-tertiary\/20:last-child {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.last\:border-tertiary\/50:last-child {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .last\:bg-success:last-child {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -33387,6 +35409,33 @@ img,svg,video {
 .odd\:border-secondary\/50:nth-child(odd) {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.odd\:bg-tertiary:nth-child(odd) {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.odd\:text-tertiary:nth-child(odd) {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.odd\:border-tertiary:nth-child(odd) {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.odd\:ring-tertiary:nth-child(odd) {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.odd\:bg-tertiary\/10:nth-child(odd) {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.odd\:bg-tertiary\/20:nth-child(odd) {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.odd\:bg-tertiary\/80:nth-child(odd) {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.odd\:text-tertiary\/20:nth-child(odd) {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.odd\:border-tertiary\/50:nth-child(odd) {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .odd\:bg-success:nth-child(odd) {
   background-color:rgb(var(--aksara-success) / 1)
 }
@@ -33624,6 +35673,33 @@ img,svg,video {
 .even\:border-secondary\/50:nth-child(even) {
   border-color:rgb(var(--aksara-secondary) / 0.5)
 }
+.even\:bg-tertiary:nth-child(even) {
+  background-color:rgb(var(--aksara-tertiary) / 1)
+}
+.even\:text-tertiary:nth-child(even) {
+  color:rgb(var(--aksara-tertiary) / 1)
+}
+.even\:border-tertiary:nth-child(even) {
+  border-color:rgb(var(--aksara-tertiary) / 1)
+}
+.even\:ring-tertiary:nth-child(even) {
+  --aksara-ring-color:rgb(var(--aksara-tertiary) / 1)
+}
+.even\:bg-tertiary\/10:nth-child(even) {
+  background-color:rgb(var(--aksara-tertiary) / 0.1)
+}
+.even\:bg-tertiary\/20:nth-child(even) {
+  background-color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.even\:bg-tertiary\/80:nth-child(even) {
+  background-color:rgb(var(--aksara-tertiary) / 0.8)
+}
+.even\:text-tertiary\/20:nth-child(even) {
+  color:rgb(var(--aksara-tertiary) / 0.2)
+}
+.even\:border-tertiary\/50:nth-child(even) {
+  border-color:rgb(var(--aksara-tertiary) / 0.5)
+}
 .even\:bg-success:nth-child(even) {
   background-color:rgb(var(--aksara-success) / 1)
 }