.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 0px 0px);background:var(--nutui-searchbar-background, inherit);color:var(--nutui-searchbar-color, var(--nutui-color-title, #0d0d0d));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-2, 15px));box-sizing:border-box;justify-content:center}.nut-searchbar .nut-icon{width:var(--nutui-searchbar-icon-size, var(--nutui-icon-font-size, 16px));height:var(--nutui-searchbar-icon-size, var(--nutui-icon-font-size, 16px));font-size:var(--nutui-searchbar-icon-size, var(--nutui-icon-font-size, 16px))}.nut-searchbar-content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px));height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-color-background, #f8f8f8));border-radius:var(--nutui-searchbar-content-border-radius, var(--nutui-radius-1, 8px));border:1px solid var(--nutui-color-primary, #006dfc)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center;color:var(--nutui-color-primary, #006dfc)}.nut-searchbar-leftin{margin-right:var(--nutui-searchbar-inner-gap, var(--nutui-spacing-1, 8px))}.nut-searchbar-rightin{font-size:15px;font-weight:500;color:var(--nutui-color-primary, #006dfc)}.nut-searchbar-rightin.nut-searchbar-icon{color:var(--nutui-black-5)}.nut-searchbar-input-box,.nut-searchbar-input{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;padding:0;margin:0;font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-searchbar-input-text-color, var(--nutui-color-title, #0d0d0d));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-color-text-disabled, #999999));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-clear.nut-searchbar-icon{position:relative}.nut-searchbar-clear.nut-searchbar-icon .nut-icon{width:12px;height:12px;color:var(--nutui-black-5);margin-right:var(--nutui-searchbar-inner-gap, var(--nutui-spacing-1, 8px))}.nut-searchbar-clear.nut-searchbar-icon:after{content:"";position:absolute;width:100%;height:200%;left:-20%}.nut-searchbar-values{position:absolute;display:flex;flex-direction:row;z-index:2;background-color:#fff;top:9px;left:6px;font-size:12px;line-height:12px}.nut-searchbar-values .nut-searchbar-value{display:flex;flex-direction:row;align-items:center;padding:4px 8px;background-color:#f7f8fc;border-radius:4px;margin-right:2px}.nut-searchbar-values .nut-icon{width:6px;height:6px;font-size:6px;color:#c2c4cc;margin-left:4px}.nut-searchbar-left,.nut-searchbar-right{display:inline-flex;align-items:center}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-left>div,.nut-searchbar-left>span,.nut-searchbar-left>i,.nut-searchbar-left>svg,.nut-searchbar-left .nut-icon{margin-right:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-left>div:last-child,.nut-searchbar-left>span:last-child,.nut-searchbar-left>i:last-child,.nut-searchbar-left>svg:last-child,.nut-searchbar-left .nut-icon:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-right>div,.nut-searchbar-right>span,.nut-searchbar-right>i,.nut-searchbar-right>svg,.nut-searchbar-right .nut-icon{margin-left:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-right>div:first-child,.nut-searchbar-right>span:first-child,.nut-searchbar-right>i:first-child,.nut-searchbar-right>svg:first-child,.nut-searchbar-right .nut-icon:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, var(--nutui-radius-circle, 999px))}.nut-searchbar-disabled{cursor:not-allowed}.nut-searchbar-focus{padding:5px var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}.nut-searchbar-focus .nut-searchbar-content{border:.5px solid #ff5c67}[dir=rtl] .nut-searchbar-left,.nut-rtl .nut-searchbar-left{margin-right:0;margin-left:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-searchbar-left>div,[dir=rtl] .nut-searchbar-left>span,[dir=rtl] .nut-searchbar-left>svg,.nut-rtl .nut-searchbar-left>div,.nut-rtl .nut-searchbar-left>span,.nut-rtl .nut-searchbar-left>svg{margin-right:0;margin-left:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-searchbar-left>div.nut-icon,[dir=rtl] .nut-searchbar-left>span.nut-icon,[dir=rtl] .nut-searchbar-left>svg.nut-icon,.nut-rtl .nut-searchbar-left>div.nut-icon,.nut-rtl .nut-searchbar-left>span.nut-icon,.nut-rtl .nut-searchbar-left>svg.nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-searchbar-left>div:last-child,[dir=rtl] .nut-searchbar-left>span:last-child,[dir=rtl] .nut-searchbar-left>svg:last-child,.nut-rtl .nut-searchbar-left>div:last-child,.nut-rtl .nut-searchbar-left>span:last-child,.nut-rtl .nut-searchbar-left>svg:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right,.nut-rtl .nut-searchbar-right{margin-left:0;margin-right:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-searchbar-right>div,[dir=rtl] .nut-searchbar-right>span,[dir=rtl] .nut-searchbar-right>svg,.nut-rtl .nut-searchbar-right>div,.nut-rtl .nut-searchbar-right>span,.nut-rtl .nut-searchbar-right>svg{margin-left:0;margin-right:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-searchbar-right>div:first-child,[dir=rtl] .nut-searchbar-right>span:first-child,[dir=rtl] .nut-searchbar-right>svg:first-child,.nut-rtl .nut-searchbar-right>div:first-child,.nut-rtl .nut-searchbar-right>span:first-child,.nut-rtl .nut-searchbar-right>svg:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-left>text,[dir=rtl] .nut-searchbar-left>view,.nut-rtl .nut-searchbar-left>text,.nut-rtl .nut-searchbar-left>view{margin-right:0;margin-left:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-searchbar-left>text:last-child,[dir=rtl] .nut-searchbar-left>view:last-child,.nut-rtl .nut-searchbar-left>text:last-child,.nut-rtl .nut-searchbar-left>view:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right>text,[dir=rtl] .nut-searchbar-right>view,.nut-rtl .nut-searchbar-right>text,.nut-rtl .nut-searchbar-right>view{margin-left:0;margin-right:var(--nutui-searchbar-gap, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-searchbar-right>text:first-child,[dir=rtl] .nut-searchbar-right>view:first-child,.nut-rtl .nut-searchbar-right>text:first-child,.nut-rtl .nut-searchbar-right>view:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-input,.nut-rtl .nut-searchbar-input{text-align:var(--nutui-searchbar-input-text-align, right)}.nut-searchbar-content{box-sizing:border-box;border:none}.nut-searchbar-icon{color:var(--nutui-color-text-disabled, #999999)}.nut-searchbar-right{color:var(--nutui-searchbar-right-color, var(--nutui-color-primary, #006dfc))}.nut-searchbar .nut-searchbar-input-box{width:100%}.nut-searchbar .nut-searchbar-clear.nut-searchbar-icon .nut-icon{font-size:14px;width:14px;height:14px;margin:0;color:var(--nutui-color-text-disabled, #999999)}.nut-searchbar-focus{padding:0}.nut-searchbar-focus .nut-searchbar-content{border:none}.mj-searchbar-border .nut-searchbar-content{border:var(--nutui-searchbar-content-border, 1px solid var(--nutui-color-border, #e6e6e6))}