.search[data-v-1bad22b2] .el-input__wrapper{background-color:#ffffffc2;border:0;border-radius:20px;font-size:14px;font-weight:500;height:2rem;transition:width .3s;transition-timing-function:cubic-bezier(1,-.155,.165,1.3);width:min(50vw,22rem)}.search[data-v-1bad22b2] .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-1bad22b2] .el-input__wrapper input::placeholder{color:var(--el-text-color-placeholder);letter-spacing:.3em;transition:width .3s}.search[data-v-1bad22b2] .el-input__wrapper input:focus::-moz-placeholder{color:var(--el-color-primary-light-5)}.search[data-v-1bad22b2] .el-input__wrapper input:focus::placeholder{color:var(--el-color-primary-light-5)}.search[data-v-1bad22b2] .el-input__wrapper input:focus,.search[data-v-1bad22b2] .el-input__wrapper input:valid,.search[data-v-1bad22b2] .el-input__wrapper.is-focus{width:min(70vw,32rem)}.search[data-v-1bad22b2] .el-input__wrapper.is-focus{border:1px solid var(--el-color-primary-light-5);box-shadow:0 2px 10px #0000001a}.search[data-v-1bad22b2] .el-input__wrapper .el-input__suffix{position:absolute;right:3%}.dark .search[data-v-1bad22b2] .el-input__wrapper{background-color:#0f0f0f}.dark .search[data-v-1bad22b2] .el-input__wrapper input::-moz-placeholder{color:#ffffffb3}.dark .search[data-v-1bad22b2] .el-input__wrapper input::placeholder{color:#ffffffb3}@media (max-width:768px){.search[data-v-1bad22b2] .el-input__wrapper{font-size:.8em;height:2rem;overflow:hidden;transform:translateY(-4rem) scale(0);transition:all .3s;width:0}.search[data-v-1bad22b2] .el-input__wrapper.is-focus{transform:none}.search[data-v-1bad22b2] .el-input__wrapper.is-focus .el-input__inner{padding:0 4rem 0 .5rem}.search[data-v-1bad22b2] .el-input__wrapper .el-input__prefix-inner .el-input__icon{margin:auto}.search[data-v-1bad22b2] .el-input__wrapper input.el-input__inner{width:100%}}