feat: finalize input section

src/components/ChoiceSelect/ChoiceSelect.css

@@ -1,4 +1,3 @@
-/* ChoiceSelect.css */
 .choice-select {
   position: relative;
   display: flex;
@@ -11,12 +10,12 @@
 
 .choice-select__input {
   flex: 1 1 auto;
+
   height: var(--card-control-height);
   padding: 0 var(--space-6) 0 var(--space-3);
 
-  background: var(--bg-panel);
+  background: transparent;
   color: var(--text-primary);
-
   border: var(--border-width) solid var(--border-hairline);
   border-radius: var(--radius-sm);
 
@@ -43,13 +42,22 @@
 
 .choice-select__chevron {
   position: absolute;
-  right: var(--space-2);
-  top: 50%;
-  height: 45%;
-  aspect-ratio: 1;
-  transform: translateY(-50%);
+  top: 0;
+  right: 5%;
+  bottom: 0;
+
+  width: 4cqh;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
 
   pointer-events: none;
   color: var(--accent-brand);
-  font-size: var(--font-sm);
+}
+
+.choice-select__chevron svg {
+  width: 100%;
+  height: 100%;
+  display: block;
 }