customization: make entire border configurable, not just color

this also makes it a bit cleaner to set the border to none in a variable
instead of changing the color to transparent

Author: mxlje

src/autocomplete/autocomplete.css

@@ -25,7 +25,7 @@
 
   --input-color: var(--gray-900);
   --input-bg: #fff;
-  --input-border-color: var(--gray-300);
+  --input-border: 1px solid var(--gray-300);
   --input-height: 47px;
   --input-shadow:
     rgba(0, 0, 0, 0) 0px 0px 0px 0px,
@@ -48,7 +48,7 @@
     rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
 
   --result-item-color: var(--gray-900);
-  --result-item-border-color: var(--gray-100);
+  --result-item-border: 1px solid var(--gray-100);
   --result-item-active-color: var(--gray-900);
   --result-item-active-bg: var(--gray-100);
   --result-item-icon-color: var(--gray-500);
@@ -85,7 +85,7 @@
   height: var(--input-height);
   display: block;
   width: 100%;
-  border: 1px solid var(--input-border-color);
+  border: var(--input-border);
   padding:
     13px
     calc(12px + var(--loading-size) + 12px)
@@ -143,7 +143,7 @@
   padding: 13px 12px;
   cursor: default;
   color: var(--result-item-color);
-  border-bottom: 1px solid var(--result-item-border-color);
+  border-bottom: var(--result-item-border);
 }
 
 .result-item-icon {