@abydahana/aksara-ui 1.0.1 → 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,33 +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-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));
@@ -102,12 +128,13 @@
   --aksara-bg-invert:#f8fafc;
   --aksara-bg:var(--aksara-bg-body);
   --aksara-text-body:#f8fafc;
+  --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;
@@ -140,12 +167,37 @@ html {
 }
 body {
   margin:0;
-  font-family: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);
   line-height:1.5
 }
+h1,h2,h3,h4,h5,h6 {
+  margin-top:0;
+  margin-bottom:.5rem;
+  font-weight:600;
+  line-height:1.25;
+  color:inherit
+}
+h1 {
+  font-size:2rem
+}
+h2 {
+  font-size:1.75rem
+}
+h3 {
+  font-size:1.5rem
+}
+h4 {
+  font-size:1.25rem
+}
+h5 {
+  font-size:1.125rem
+}
+h6 {
+  font-size:1rem
+}
 form {
   margin:0
 }
@@ -408,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);
@@ -590,6 +666,140 @@ img,svg,video {
 .card-footer {
   padding:1rem
 }
+.bento-grid {
+  display:grid;
+  grid-template-columns:repeat(1,minmax(0,1fr));
+  gap:1.25rem
+}
+.bento-grid-2 {
+  display:grid;
+  grid-template-columns:repeat(1,minmax(0,1fr));
+  gap:1.25rem
+}
+.bento-grid-3 {
+  display:grid;
+  grid-template-columns:repeat(1,minmax(0,1fr));
+  gap:1.25rem
+}
+.bento-grid-4 {
+  display:grid;
+  grid-template-columns:repeat(1,minmax(0,1fr));
+  gap:1.25rem
+}
+@media(min-width:48rem) {
+  .bento-grid {
+    grid-template-columns:repeat(3,minmax(0,1fr))
+  }
+  .bento-grid-2 {
+    grid-template-columns:repeat(2,minmax(0,1fr))
+  }
+  .bento-grid-3 {
+    grid-template-columns:repeat(3,minmax(0,1fr))
+  }
+  .bento-grid-4 {
+    grid-template-columns:repeat(4,minmax(0,1fr))
+  }
+}
+.bento-card {
+  position:relative;
+  display:flex;
+  flex-direction:column;
+  justify-content:space-between;
+  overflow:hidden;
+  background:var(--aksara-surface);
+  color:var(--aksara-text-body);
+  border:1px solid var(--aksara-border-subtle);
+  border-radius:var(--aksara-radius-2xl);
+  padding:1.5rem;
+  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
+}
+.bento-card:hover {
+  box-shadow:var(--aksara-shadow-md);
+  border-color:var(--aksara-border);
+  transform:translateY(-2px)
+}
+.bento-col-1 {
+  grid-column:span 1/span 1
+}
+.bento-col-2 {
+  grid-column:span 1/span 1
+}
+.bento-col-3 {
+  grid-column:span 1/span 1
+}
+.bento-col-4 {
+  grid-column:span 1/span 1
+}
+.bento-row-1 {
+  grid-row:span 1/span 1
+}
+.bento-row-2 {
+  grid-row:span 1/span 1
+}
+.bento-row-3 {
+  grid-row:span 1/span 1
+}
+@media(min-width:48rem) {
+  .bento-col-2 {
+    grid-column:span 2/span 2
+  }
+  .bento-col-3 {
+    grid-column:span 3/span 3
+  }
+  .bento-col-4 {
+    grid-column:span 4/span 4
+  }
+  .bento-row-2 {
+    grid-row:span 2/span 2
+  }
+  .bento-row-3 {
+    grid-row:span 3/span 3
+  }
+}
+.bento-featured {
+  background:linear-gradient(135deg,var(--aksara-surface),var(--aksara-bg-subtle));
+  border-color:rgb(var(--aksara-primary)/.35);
+  box-shadow:0 0 30px rgb(var(--aksara-primary)/.08)
+}
+.bento-header {
+  display:flex;
+  align-items:flex-start;
+  justify-content:space-between;
+  gap:1rem;
+  margin-bottom:1rem
+}
+.bento-title {
+  margin:0;
+  font-size:1.25rem;
+  font-weight:700;
+  line-height:1.3
+}
+.bento-subtitle {
+  margin:.25rem 0 0;
+  font-size:.875rem;
+  color:var(--aksara-text-subtle);
+  line-height:1.4
+}
+.bento-body {
+  flex:1 1 auto
+}
+.bento-footer {
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  gap:1rem;
+  margin-top:1.25rem
+}
+.bento-visual {
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  border-radius:var(--aksara-radius);
+  overflow:hidden;
+  background:var(--aksara-bg-subtle);
+  margin-top:1rem;
+  min-height:120px
+}
 .alert {
   position:relative;
   padding:1rem;
@@ -695,6 +905,60 @@ img,svg,video {
   opacity:.56;
   pointer-events:none
 }
+.timeline {
+  position:relative;
+  padding:0;
+  margin:0;
+  list-style:none
+}
+.timeline::before {
+  content:"";
+  position:absolute;
+  inset-block:0;
+  inset-inline-start:.875rem;
+  width:2px;
+  background:var(--aksara-border-subtle)
+}
+.timeline-item {
+  position:relative;
+  display:flex;
+  gap:1rem;
+  margin-bottom:1.5rem
+}
+.timeline-item:last-child {
+  margin-bottom:0
+}
+.timeline-point {
+  position:relative;
+  z-index:1;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:1.75rem;
+  height:1.75rem;
+  border-radius:9999px;
+  background:var(--aksara-surface);
+  border:2px solid rgb(var(--aksara-primary));
+  color:rgb(var(--aksara-primary));
+  flex-shrink:0;
+  box-shadow:0 0 0 3px var(--aksara-surface)
+}
+.timeline-content {
+  flex:1 1 auto;
+  padding-top:.125rem
+}
+.timeline-title {
+  margin:0 0 .25rem;
+  font-size:1rem;
+  font-weight:700;
+  line-height:1.3
+}
+.timeline-time {
+  display:block;
+  font-size:.75rem;
+  color:var(--aksara-text-subtle);
+  margin-bottom:.5rem
+}
 .navbar {
   display:flex;
   align-items:center;
@@ -955,6 +1219,15 @@ img,svg,video {
   padding:1rem;
   border-block-end:1px solid var(--aksara-border-subtle)
 }
+.modal-title {
+  margin-block-start:0;
+  margin-block-end:0;
+  margin-inline-start:0;
+  margin-inline-end:0;
+  font-size:1.25rem;
+  font-weight:600;
+  line-height:1.5
+}
 .modal-body {
   min-height:0;
   overflow:auto;
@@ -1524,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)
@@ -1817,6 +2134,15 @@ img,svg,video {
   background:currentColor;
   opacity:.16
 }
+.placeholder-xs {
+  min-height:.6em
+}
+.placeholder-sm {
+  min-height:.8em
+}
+.placeholder-lg {
+  min-height:1.2em
+}
 .placeholder-glow {
   animation:aksara-pulse 1.5s ease-in-out infinite
 }
@@ -1832,6 +2158,40 @@ img,svg,video {
   background:linear-gradient(90deg,transparent,var(--aksara-placeholder-shine),transparent);
   animation:aksara-placeholder-wave 1.6s linear infinite
 }
+.skeleton {
+  display:block;
+  background:var(--aksara-bg-subtle);
+  border-radius:var(--aksara-radius-sm);
+  position:relative;
+  overflow:hidden;
+  animation:aksara-pulse 1.5s ease-in-out infinite
+}
+.skeleton-text {
+  height:.875rem;
+  margin-bottom:.5rem;
+  border-radius:var(--aksara-radius-2xs);
+  width:100%
+}
+.skeleton-circle {
+  border-radius:9999px;
+  flex-shrink:0
+}
+.skeleton-rect {
+  width:100%;
+  height:100%
+}
+.skeleton-wave {
+  position:relative;
+  overflow:hidden
+}
+.skeleton-wave::after {
+  position:absolute;
+  inset:0;
+  content:"";
+  transform:translateX(-100%);
+  background:linear-gradient(90deg,transparent,var(--aksara-placeholder-shine),transparent);
+  animation:aksara-placeholder-wave 1.6s linear infinite
+}
 .carousel {
   position:relative;
   overflow:hidden
@@ -2150,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);
@@ -2863,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
 }
@@ -5041,6 +5548,9 @@ img,svg,video {
 .ring-primary {
   --aksara-ring-color:rgb(var(--aksara-primary) / 1)
 }
+.accent-primary {
+  accent-color:rgb(var(--aksara-primary) / 1)
+}
 .bg-secondary\/0 {
   background-color:rgb(var(--aksara-secondary) / 0)
 }
@@ -6571,6 +7081,1542 @@ img,svg,video {
 .ring-secondary {
   --aksara-ring-color:rgb(var(--aksara-secondary) / 1)
 }
+.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)
 }
@@ -8101,6 +10147,9 @@ img,svg,video {
 .ring-success {
   --aksara-ring-color:rgb(var(--aksara-success) / 1)
 }
+.accent-success {
+  accent-color:rgb(var(--aksara-success) / 1)
+}
 .bg-danger\/0 {
   background-color:rgb(var(--aksara-danger) / 0)
 }
@@ -9631,6 +11680,9 @@ img,svg,video {
 .ring-danger {
   --aksara-ring-color:rgb(var(--aksara-danger) / 1)
 }
+.accent-danger {
+  accent-color:rgb(var(--aksara-danger) / 1)
+}
 .bg-warning\/0 {
   background-color:rgb(var(--aksara-warning) / 0)
 }
@@ -11161,6 +13213,9 @@ img,svg,video {
 .ring-warning {
   --aksara-ring-color:rgb(var(--aksara-warning) / 1)
 }
+.accent-warning {
+  accent-color:rgb(var(--aksara-warning) / 1)
+}
 .bg-info\/0 {
   background-color:rgb(var(--aksara-info) / 0)
 }
@@ -12691,6 +14746,9 @@ img,svg,video {
 .ring-info {
   --aksara-ring-color:rgb(var(--aksara-info) / 1)
 }
+.accent-info {
+  accent-color:rgb(var(--aksara-info) / 1)
+}
 .bg-dark\/0 {
   background-color:rgb(var(--aksara-dark) / 0)
 }
@@ -14221,6 +16279,9 @@ img,svg,video {
 .ring-dark {
   --aksara-ring-color:rgb(var(--aksara-dark) / 1)
 }
+.accent-dark {
+  accent-color:rgb(var(--aksara-dark) / 1)
+}
 .bg-light\/0 {
   background-color:rgb(var(--aksara-light) / 0)
 }
@@ -15751,6 +17812,12 @@ img,svg,video {
 .ring-light {
   --aksara-ring-color:rgb(var(--aksara-light) / 1)
 }
+.accent-light {
+  accent-color:rgb(var(--aksara-light) / 1)
+}
+.accent-auto {
+  accent-color:auto
+}
 .bg-body {
   background-color:var(--aksara-bg-body)
 }
@@ -15778,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))
 }
@@ -23222,6 +25295,18 @@ img,svg,video {
   text-overflow:ellipsis;
   white-space:nowrap
 }
+.text-balance {
+  text-wrap:balance
+}
+.text-pretty {
+  text-wrap:pretty
+}
+.text-wrap {
+  text-wrap:wrap
+}
+.text-nowrap {
+  text-wrap:nowrap
+}
 .leading-none {
   line-height:1
 }
@@ -23279,6 +25364,18 @@ img,svg,video {
 .font-900 {
   font-weight:900
 }
+.font-sans {
+  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif
+}
+.font-serif {
+  font-family:ui-serif,Georgia,Cambria,serif
+}
+.font-mono {
+  font-family:var(--docs-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace)
+}
+.font-monospace {
+  font-family:var(--docs-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace)
+}
 .font-thin {
   font-weight:100
 }
@@ -23864,9 +25961,85 @@ img,svg,video {
 .animate-pulse {
   animation:aksara-pulse 1.5s ease-in-out infinite
 }
+.backdrop-blur-none {
+  backdrop-filter:blur(0)
+}
+.backdrop-blur-sm {
+  backdrop-filter:blur(4px)
+}
+.backdrop-blur {
+  backdrop-filter:blur(8px)
+}
+.backdrop-blur-md {
+  backdrop-filter:blur(12px)
+}
+.backdrop-blur-lg {
+  backdrop-filter:blur(16px)
+}
+.backdrop-blur-xl {
+  backdrop-filter:blur(24px)
+}
+.backdrop-blur-2xl {
+  backdrop-filter:blur(40px)
+}
+.backdrop-saturate-50 {
+  backdrop-filter:saturate(50%)
+}
+.backdrop-saturate-100 {
+  backdrop-filter:saturate(100%)
+}
+.backdrop-saturate-150 {
+  backdrop-filter:saturate(150%)
+}
+.backdrop-saturate-200 {
+  backdrop-filter:saturate(200%)
+}
+.blur-none {
+  filter:blur(0)
+}
+.blur-sm {
+  filter:blur(4px)
+}
+.blur {
+  filter:blur(8px)
+}
+.blur-md {
+  filter:blur(12px)
+}
+.blur-lg {
+  filter:blur(16px)
+}
+.blur-xl {
+  filter:blur(24px)
+}
+.scrollbar-none {
+  scrollbar-width:none;
+  -ms-overflow-style:none
+}
+.scrollbar-thin {
+  scrollbar-width:thin
+}
+.container-inline {
+  container-type:inline-size
+}
+.container-normal {
+  container-type:normal
+}
+.\@container {
+  container-type:inline-size
+}
+.scrollbar-none::-webkit-scrollbar {
+  display:none
+}
+.duration-75 {
+  transition-duration:75ms
+}
 .duration-100 {
   transition-duration:100ms
 }
+.duration-150 {
+  transition-duration:150ms
+}
 .duration-200 {
   transition-duration:200ms
 }
@@ -30860,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)
 }
@@ -31097,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)
 }
@@ -31334,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)
 }
@@ -31571,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)
 }
@@ -31808,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)
 }
@@ -32045,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)
 }
@@ -32282,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)
 }
@@ -32519,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)
 }
@@ -32756,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)
 }
@@ -32993,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)
 }
@@ -33230,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)
 }
@@ -33433,39 +35903,6 @@ img,svg,video {
 .hover\:bg-primary\/80:hover {
   background-color:rgb(var(--aksara-primary) / 0.8)
 }
-.translate-y-\[-1px\] {
-  transform:translateY(-1px)
-}
-.hover\:translate-y-\[-1px\]:hover {
-  transform:translateY(-1px)
-}
-.translate-y-\[-2px\] {
-  transform:translateY(-2px)
-}
-.hover\:translate-y-\[-2px\]:hover {
-  transform:translateY(-2px)
-}
-.hover\:translate-y-\[-2px\]:hover {
-  transform:translateY(-2px)
-}
-.hover\:translate-y-\[-1px\]:hover {
-  transform:translateY(-1px)
-}
-.hover\:translate-y-\[-2px\]:hover {
-  transform:translateY(-2px)
-}
-.hover\:translate-y-\[-2px\]:hover {
-  transform:translateY(-2px)
-}
-.hover\:translate-y-\[-1px\]:hover {
-  transform:translateY(-1px)
-}
-.hover\:translate-y-\[-2px\]:hover {
-  transform:translateY(-2px)
-}
-.hover\:translate-y-\[-2px\]:hover {
-  transform:translateY(-2px)
-}
 .translate-x-\[-50\%\] {
   transform:translateX(-50%)
 }
@@ -33494,6 +35931,9 @@ img,svg,video {
 .mx-\[-1rem\] {
   margin-inline:-1rem !important
 }
+.translate-y-\[-2px\] {
+  transform:translateY(-2px)
+}
 .hover\:translate-y-\[-2px\]:hover {
   transform:translateY(-2px)
 }