.course-search-bar[data-v-6fdf1170]{position:relative;z-index:20;width:100%;max-width:800px;background:#fff;border:1px solid rgb(0,91,254);border-radius:6px;transition:box-shadow .2s}.course-search-bar[data-v-6fdf1170]:not(.is-history-open){overflow:hidden}.course-search-bar.is-focused[data-v-6fdf1170]{box-shadow:0 0 0 1px #005bfe}.course-search-bar.is-focused.is-history-open[data-v-6fdf1170]{box-shadow:none}.course-search-bar.is-history-open[data-v-6fdf1170]{overflow:visible;border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.course-search-bar.is-history-open .course-search-bar__submit[data-v-6fdf1170]{border-radius:0 6px 0 0}.course-search-bar__history[data-v-6fdf1170]{position:absolute;top:100%;left:-1px;z-index:30;box-sizing:border-box;width:calc(100% + 2px)}.course-search-bar__shell[data-v-6fdf1170]{display:flex;align-items:center;height:48px;overflow:hidden}.course-search-bar__input[data-v-6fdf1170]{flex:1;min-width:0;height:100%}.course-search-bar__input[data-v-6fdf1170] .el-input__wrapper{height:48px;padding:0 12px;background:transparent;border:none;border-radius:0;box-shadow:none}.course-search-bar__input[data-v-6fdf1170] .el-input__inner{height:48px;font-size:16px;line-height:48px;color:#0d131a}.course-search-bar__input[data-v-6fdf1170] .el-input__inner::placeholder{font-size:16px;color:#0d131a66}.course-search-bar__submit[data-v-6fdf1170]{flex-shrink:0;width:48px;min-width:48px;height:48px;padding:0;margin:0;border:none;border-radius:0 6px 6px 0}.course-search-bar__submit[data-v-6fdf1170] .zw-svg{color:#fff}