/********************************************** 
partsearchbar-1
**********************************************/

/* config */
.partSearchBar.partSearchBar1             {height: 40px;}
	.partSearchBar.partSearchBar1 .searchBarInput                   {padding-right: 40px; padding-left: 12px; font-family: inherit; font-size: 16px;}
	.partSearchBar.partSearchBar1 .searchBarButton, .partSearchBar.partSearchBar1 .searchBarReset {width: 40px;} 

	.partSearchBar.partSearchBar1 .searchBarInput                   {border:solid 1px var(--yellow); color: var(--black);}
	.partSearchBar.partSearchBar1 .searchBarInput::placeholder      {color: rgba(255,255,255,0.7);}

	.partSearchBar.partSearchBar1 .searchBarReset                   {border:none; background-color: transparent;}
		.partSearchBar.partSearchBar1 .searchBarReset svg               {width: 10px; height: 10px; fill: var(--black); transition: fill 0.3s;}

	.partSearchBar.partSearchBar1 .searchBarButton                  {border-left: none; background-color: var(--yellow);}  
		.partSearchBar.partSearchBar1 .searchBarButton svg              {width: 18px; height: 18px; fill: var(--black);}

/* fundementals */
.partSearchBar.partSearchBar1             {display:flex;} 
	.partSearchBar.partSearchBar1 .searchBarContainer                {flex: 1 1 auto; position: relative; display:flex;}

		.partSearchBar.partSearchBar1 .searchBarInput                 {width:100%; height:100%; background-color: transparent;}
		
		.partSearchBar.partSearchBar1 .searchBarButton 				{transition: box-shadow .15s ease-in-out;}
		.partSearchBar.partSearchBar1 .searchBarInput					{transition: box-shadow .15s ease-in-out;}
		.partSearchBar.partSearchBar1 .searchBarInput:focus, .partSearchBar.partSearchBar1 .searchBarButton:focus	{box-shadow: 0 0 0 0.2rem rgba(0,0,0,.1);}

		.partSearchBar.partSearchBar1 .searchBarReset   {position:absolute; top:0; right:0; height: 100%; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: opacity 0.15s ease-in-out; cursor:pointer;}  
		.partSearchBar.partSearchBar1 .searchBarReset:hover svg, .partSearchBar.partSearchBar1 .searchBarReset:focus svg	{fill:var(--yellow);}
		.partSearchBar.partSearchBar1 .searchBarReset.active            	{visibility: visible; opacity: 1;}

		.partSearchBar.partSearchBar1 .searchBarButton                  	{flex: 0 0 auto; height:100%; display: flex; align-items: center; justify-content: center; cursor:pointer;}  

/* form reset */
.partSearchBar.partSearchBar1 input[type=search], .partSearchBar.partSearchBar1 button  {-webkit-appearance: none; border-radius:0; outline: none;}
.partSearchBar.partSearchBar1 input[type=search]::-ms-clear                        	{display: none;}
.partSearchBar.partSearchBar1 input[type=search]::-webkit-search-cancel-button    	{-webkit-appearance: none;}