.search[data-v-127d3152]{width:100%}.search[data-v-127d3152] .el-input__wrapper{width:100%;background-color:#fff;border:0;border-radius:20px;box-shadow:none;height:2.2rem;transition:width .3s;transition-timing-function:cubic-bezier(1,-.155,.165,1.3)}@media (min-width: 640px){.search[data-v-127d3152] .el-input__wrapper{width:22rem}}.search[data-v-127d3152] .el-input__wrapper input::-moz-placeholder{color:var(--el-text-color-placeholder);letter-spacing:.3em;-moz-transition:width .3s;transition:width .3s}.search[data-v-127d3152] .el-input__wrapper input::placeholder{color:var(--el-text-color-placeholder);letter-spacing:.3em;transition:width .3s}.search[data-v-127d3152] .el-input__wrapper input:focus::-moz-placeholder{color:var(--el-color-primary-light-5)}.search[data-v-127d3152] .el-input__wrapper input:focus::placeholder{color:var(--el-color-primary-light-5)}.search[data-v-127d3152] .el-input__wrapper input:focus,.search[data-v-127d3152] .el-input__wrapper input:valid,.search[data-v-127d3152] .el-input__wrapper.is-focus{width:100%}@media (min-width: 640px){.search[data-v-127d3152] .el-input__wrapper input:focus,.search[data-v-127d3152] .el-input__wrapper input:valid,.search[data-v-127d3152] .el-input__wrapper.is-focus{width:26rem}}.search[data-v-127d3152] .el-input__wrapper .el-input__suffix{position:absolute;right:3%}.dark .search[data-v-127d3152] .el-input__wrapper{background-color:#0f0f0f;box-shadow:inset 0 0 2px 1px #0f0f0f,inset 0 0 2px 1px #0f0f0f}.dark .search[data-v-127d3152] .el-input__wrapper input::-moz-placeholder{color:#ffffffb3}.dark .search[data-v-127d3152] .el-input__wrapper input::placeholder{color:#ffffffb3}