:root{--rad:.7rem;--dur:.5s;--color-dark:#2f2f2f;--color-light:#fff;--color-brand:#00baf2;--font-fam:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif !important;--height:3rem;--btn-width:6rem;--bez:cubic-bezier(0,0,0.43,1.49)}.input-block form{border:1px solid #c4c4c4;position:relative;width:100%;border-radius:var(--rad)}.input-block input,.input-block button{height:var(--height);font-family:var(--font-fam);border:0;color:var(--color-dark);font-size:.9rem}.input-block input[type="search"]{outline:0;width:100%;background:var(--color-light);padding:0;padding-left:1.6rem;border-radius:var(--rad);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all var(--dur) var(--bez);transition-property:width,border-radius;z-index:1;position:relative}.input-block button{display:none;position:absolute;top:0;right:0;width:var(--btn-width);font-weight:bold;background:var(--color-brand);border-radius:0 var(--rad) var(--rad) 0;color:white !important}.input-block input:not(:placeholder-shown){border-radius:var(--rad) 0 0 var(--rad);width:calc(100% - var(--btn-width))}.input-block input:not(:placeholder-shown)+button{display:block}.input-block label{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}