JSFiddle - React, Tailwind, and code Playground

by JM note

HTML

<style>
body { background: white; }
.box_search {
	margin: 0; padding: 0;
	width: 444px;
	overflow: hidden;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXoAAAAnCAYAAAABx4MNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADYSURBVHja7NQ7CsJAAEXRN0Fi/GCtuP/VpLOzGLCzC2i6aeI6HM5Zwi1u+Xy/W329U5+PANCfMs/zdr3dczpOagB0aNday+VyzrTfZxgGRQB6G32SHKYppRQ1ADo0JDF5gN5HD4DRA2D0ABg9AEYPgNEDYPQAGD2A0QNg9AAYPQBGD4DRA2D0ABg9gNEDYPQAGD0ARg+A0QNg9AAYPYDRSwBg9AAYPQBGD4DRA2D0ABg9AEYPYPQAGD0A/zH6cRyzrqsSAJ0qy7Jstda01tQA6NAPAAD//wMARAsco4Q7s7oAAAAASUVORK5CYII=');
}
.box_search_on {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXoAAAAnCAYAAAABx4MNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADrSURBVHja7NSxDQFhGIDh7z+n4EJnAYUVJBJLGMFGChtYwQA67XWiukqjkYtISOQ3hz/PM8JbvKntPvlwesbllgKA8qTt/pE3y2Gs5m81AApU3/sc68U3xqNJ1HWtCEBpo4+IaMZNDAaVGgAFqiLC5AFKHz0ARg+A0QNg9AAYPQBGD4DRA2D0AEYPgNEDYPQAGD0ARg+A0QNg9ABGD4DRA2D0ABg9AEYPgNEDYPQARi8BgNEDYPQAGD0ARg+A0QNg9AAYPYDRA2D0APzH6GfTFOfrWwmAQqW2++Td8RX3PqsBUKAfAAAA//8DABkaHPQpAjoqAAAAAElFTkSuQmCC');
}
.tf_keyword {
	float: left;
	margin: 10px 10px 0;
	padding: 0; border: 0;
	width: 358px; height: 20px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	background-color: transparent;
	outline: none;
}
.btn_search {
	float: left;
	overflow: hidden;
	margin: 0; padding: 0; border: 0;
	width: 66px; height: 39px;
	cursor: pointer;
	background-image:...