feat: use new meter format

src/components/ChoiceStepper/ChoiceStepper.css

@@ -18,15 +18,14 @@
   width: 100%;
 
   font-family: var(--font-mono);
-  font-size: 3cqh;
+  font-size: var(--font--sm);
   font-weight: var(--font-weight-normal);
-  text-align: center;
+  text-align: left;
 
   color: var(--accent-brand);
 
   background: transparent;
   border: none;
-  /* padding: 0.5ch; */
 
   white-space: nowrap;
   overflow: hidden;
@@ -47,11 +46,12 @@
   height: 100%;
 
   box-sizing: border-box;
+
+  padding-right: 1%;
 }
 
 .choice-stepper__arrow-btn {
-  width: 3cqh;
-  height: 3cqh;
+  height: 50%;
 
   min-width: 0;
   min-height: 0;
@@ -61,13 +61,11 @@
   justify-content: center;
 
   padding: 0;
-  padding-top: 0.2cqh;
-  margin: 0;
 
   color: var(--accent-brand);
   background: transparent;
   border: none;
-  border-radius: 0.75cqh;
+  border-radius: var(--radius-md);
 
   cursor: pointer;
 }

src/components/Sidebar/Sidebar.css

@@ -35,13 +35,14 @@
   justify-content: center;
 
   flex: 0 0 auto;
+  gap: var(--space-1);
   padding: var(--space-1);
   height: var(--header-height);
 }
 
 .sidebar-rail--expanded .sidebar-header {
   justify-content: space-between;
-  padding-inline: var(--space-3);
+  padding-left: var(--space-3);
 }
 
 .sidebar-toggle {