* / . ui . search { position : relative } . ui . search > . prompt { margin : 0 ; outline : 0 ; -webkit- appearance : none ; -webkit- tap-highlight-color : rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; font-style : normal ; font-weight : 400 ; line-height : 1.21428571 em ; padding : .67857143 em 1 em ; font-size : 1 em ; background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; -webkit- box-shadow : 0 0 0 0 transparent inset ; box-shadow : 0 0 0 0 transparent inset ; -webkit- transition : background-color .1 s ease , color .1 s ease , border-color .1 s ease , -webkit- box-shadow .1 s ease ; transition : background-color .1 s ease , color .1 s ease , border-color .1 s ease , -webkit- box-shadow .1 s ease ; transition : background-color .1 s ease , color .1 s ease , box-shadow .1 s ease , border-color .1 s ease ; transition : background-color .1 s ease , color .1 s ease , box-shadow .1 s ease , border-color .1 s ease , -webkit- box-shadow .1 s ease } . ui . search . prompt { border-radius : 500 rem } . ui . search . prompt ~ . search . icon { cursor : pointer } . ui . search > . results { display : none ; position : absolute ; top : 100 % ; left : 0 ; -webkit- transform-origin : center top ; transform-origin : center top ; white-space : normal ; text-align : left ; text-transform : none ; background : #fff ; margin-top : .5 em ; width : 18 em ; border-radius : .28571429 rem ; -webkit- box-shadow : 0 2 px 4 px 0 rgba ( 34 , 36 , 38 , .12 ) , 0 2 px 10 px 0 rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : 0 2 px 4 px 0 rgba ( 34 , 36 , 38 , .12 ) , 0 2 px 10 px 0 rgba ( 34 , 36 , 38 , .15 ) ; border : 1 px solid #d4d4d5 ; z-index : 998 } . ui . search > . results > : first-child { border-radius : .28571429 rem .28571429 rem 0 0 } . ui . search > . results > : last-child { border-radius : 0 0 .28571429 rem .28571429 rem } . ui . search > . results . result { cursor : pointer ; display : block ; overflow : hidden ; font-size : 1 em ; padding : .85714286 em 1.14285714 em ; color : rgba ( 0 , 0 , 0 , .87 ) ; line-height : 1.33 ; border-bottom : 1 px solid rgba ( 34 , 36 , 38 , .1 ) } . ui . search > . results . result : last-child { border-bottom : none !important } . ui . search > . results . result . image { float : right ; overflow : hidden ; background : 0 0 ; width : 5 em ; height : 3 em ; border-radius : .25 em } . ui . search > . results . result . image img { display : block ; width : auto ; height : 100 % } . ui . search > . results . result . image + . content { margin : 0 6 em 0 0 } . ui . search > . results . result . title { margin : -.14285714 em 0 0 ; font-family : Lato , 'Helvetica Neue' , Arial , Helvetica , sans-serif ; font-weight : 700 ; font-size : 1 em ; color : rgba ( 0 , 0 , 0 , .85 ) } . ui . search > . results . result . description { margin-top : 0 ; font-size : .92857143 em ; color : rgba ( 0 , 0 , 0 , .4 ) } . ui . search > . results . result . price { float : right ; color : #21ba45 } . ui . search > . results > . message { padding : 1 em 1 em } . ui . search > . results > . message . header { font-family : Lato , 'Helvetica Neue' , Arial , Helvetica , sans-serif ; font-size : 1 rem ; font-weight : 700 ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . search > . results > . message . description { margin-top : .25 rem ; font-size : 1 em ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . search > . results > . action { display : block ; border-top : none ; background : #f3f4f5 ; padding : .92857143 em 1 em ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-weight : 700 ; text-align : center } . ui . search > . prompt : focus { border-color : rgba ( 34 , 36 , 38 , .35 ) ; background : #fff ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . loading . search . input > i . icon : before { position : absolute ; content : '' ; top : 50 % ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; width : 1.28571429 em ; height : 1.28571429 em ; border-radius : 500 rem ; border : .2 em solid rgba ( 0 , 0 , 0 , .1 ) } . ui . loading . search . input > i . icon : after { position : absolute ; content : '' ; top : 50 % ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; width : 1.28571429 em ; height : 1.28571429 em ; -webkit- animation : button-spin .6 s linear ; animation : button-spin .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border-radius : 500 rem ; border-color : #767676 transparent transparent ; border-style : solid ; border-width : .2 em ; -webkit- box-shadow : 0 0 0 1 px transparent ; box-shadow : 0 0 0 1 px transparent } . ui . category . search > . results . category . result : hover , . ui . search > . results . result : hover { background : #f9fafb } . ui . search . action : hover { background : #e0e0e0 } . ui . category . search > . results . category . active { background : #f3f4f5 } . ui . category . search > . results . category . active > . name { color : rgba ( 0 , 0 , 0 , .87 ) } . ui . category . search > . results . category . result . active , . ui . search > . results . result . active { position : relative ; border-left-color : rgba ( 34 , 36 , 38 , .1 ) ; background : #f3f4f5 ; -webkit- b o