@charset "utf-8";

.searchbox_container { position: relative; display: flex; align-items: center; width: 100%; font-family: Lato; }

.searchbox_container #SearchBoxSingle { position: relative; z-index: 999; flex: 1 1 0%; height: 48px; border: 2px solid rgb(23, 23, 23); border-radius: 12px; background-color: rgb(245, 245, 245); }

.searchbox_container #SearchBoxSingle.focus { border: 2px solid rgb(42, 42, 42); background-color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.focus_dark { border: 2px solid rgb(83, 83, 83); background-color: rgb(42, 42, 42); }

.searchbox_container #SearchBoxSingle.focus_dark .category_container.category_pc { background-color: rgb(78, 68, 78); color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.focus_dark .category_container.category_pc .arrow_container #Shape { fill: rgb(255, 255, 255) !important; }

.searchbox_container #SearchBoxSingle.focus_dark #Path_30125 { fill: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.focus_dark .bouncing-loader-span { color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.focus_dark .bouncing-loader-div { background: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.focus_dark .searchIcon { background-image: url("https://p1-ofp.static.pub/fes/cms/2021/04/19/wnpi66fc3izf724x2qnkyfyjwakmyx489245.svg"); }

.searchbox_container #SearchBoxSingle.search_dark { border: 2px solid rgb(255, 255, 255); background-color: rgb(42, 42, 42); }

.searchbox_container #SearchBoxSingle.search_dark .category_container.category_pc { background-color: rgb(42, 42, 42); color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.search_dark .category_container.category_pc .arrow_container #Shape { fill: rgb(255, 255, 255) !important; }

.searchbox_container #SearchBoxSingle.search_dark .bouncing-loader-div { background: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.search_dark .bouncing-loader-span { color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.search_dark .speech-recongnition .record-btn { color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle.search_dark .speech-recongnition .voice-animation .voice-bar { background-color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle .search_view { height: 100%; align-items: center; position: relative; border-radius: 12px; }

.searchbox_container #SearchBoxSingle .search_view #commonHeaderSearch { padding-left: 10px; width: 100%; flex: 1 1 0%; font-size: 16px; line-height: 24px; height: 22px; color: rgb(0, 0, 0); outline: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.searchbox_container #SearchBoxSingle .search_view #commonHeaderSearch::placeholder { color: rgb(111, 109, 110); }

.searchbox_container #SearchBoxSingle .search_view #commonHeaderSearch.search_dark::placeholder { color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle .search_view #commonHeaderSearch.search_dark { color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle .search_view #commonHeaderSearch.focus_dark { color: rgb(255, 255, 255); }

.searchbox_container #SearchBoxSingle .search_view .speech-recongnition .record-btn { font-size: 20px; display: inline-flex; align-items: center; }

.searchbox_container #SearchBoxSingle .search_view .clear-icon { margin-right: 9px; cursor: pointer; }

.searchbox_container #SearchBoxSingle .search_view .clear-icon.search_dark #Path_30125 { fill: rgb(255, 255, 255) !important; }

.searchbox_container #SearchBoxSingle .search_view .searchIconBorder { border-left: 1px solid rgb(204, 204, 204); }

.searchbox_container .input-wrapper { position: relative; width: 100%; left: 0px; }

.searchbox_container .loading-overlay { position: absolute; inset: 0px auto 0px 0px; display: flex; justify-content: flex-start; align-items: center; padding-left: 16px; pointer-events: none; }

.searchbox_container .searchIcon { cursor: pointer; width: 40px; height: 30px; background-image: url("https://p4-ofp.static.pub/fes/cms/2021/08/31/0ygxioy3y0chj6d0srm1qmpt7wh7q8319723.svg"); background-repeat: no-repeat; background-position: center center; background-size: auto 20px; }

.searchbox_container .searchIcon.search_dark { background-image: url("https://p1-ofp.static.pub/fes/cms/2021/04/19/wnpi66fc3izf724x2qnkyfyjwakmyx489245.svg"); }