Group up existing components into elements

elements/Search/Search.pixy

@@ -0,0 +1,2 @@
+component Search(value string)
+	input#search.action(data-action="search", data-trigger="input", type="search", autocomplete="off", autocorrect="off", autocapitalize="none", spellcheck="false", placeholder="Search...", title="Shortcut: F", maxlength="100", value=value)

elements/Search/Search.scarlet

@@ -0,0 +1,36 @@
+#search
+	background transparent
+	border none !important
+	box-shadow none !important
+	font-size 1em
+	padding 0
+	width 0
+	height auto
+	flex-grow 1
+	opacity 0.5
+	-webkit-appearance none
+
+	:focus
+		color link-color
+		opacity 1.0
+
+	::-webkit-search-cancel-button
+		display none
+
+// Microphone icon
+.speech-input
+	display none
+	opacity 0
+	default-transition
+
+	:hover
+		cursor pointer
+		opacity 1
+
+.speech-input-available
+	display block
+	opacity 0.25
+
+.speech-listening
+	color link-hover-color
+	opacity 1