.input-search-container{padding-top:24px;position:relative}.input-search-home,.input-search-home *{box-sizing:border-box}.input-search-home{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background-color:#fff;position:relative;z-index:1;border:1px solid rgba(0,0,0,.06);padding:5px 5px 5px 12px;transition:all .2s ease-in;z-index:10}.input-search-home.active{border-color:var(--color-hover)}.input-search-home .wrapper-loading-gen-quiz-ai,.input-search-home .wrapper-loading-gen-quiz-ai .loading-ai{display:flex;align-items:center;justify-content:flex-start;width:100%}.input-search-home .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px}.input-search-home .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse img{margin:4px}.input-search-home .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse p{align-items:center;display:flex}.input-search-home .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse span{font-weight:500;font-size:14px;line-height:22px;color:#8c8c8c}.input-search-home .wrapper-loading-gen-quiz-ai .loading-ai .loading-animation{width:100%}.input-search-home input{border-width:0;outline-width:0;width:100%;outline-style:none;font-size:14px;font-weight:500;color:#2d3642;padding-right:8px}.input-search-home input::placeholder{color:rgba(0,0,0,.25)}.input-search-home .magnifying{cursor:pointer;pointer-events:auto}@media screen and (max-width:1024px){.input-search-home.screenUser{padding:12px 16px;border:1px solid hsla(0,0%,100%,.24);background:hsla(0,0%,100%,.25)}.input-search-home.screenUser input{height:22px;background:transparent}.input-search-home.screenUser input::placeholder{color:hsla(0,0%,100%,.25)}}@media screen and (max-width:1024px){.input-search-home.screenGuest{padding:3px 3px 3px 12px}}.input-search-home .button-search{height:32px;display:flex;align-items:center;box-shadow:0 2px 0 0 rgba(0,0,0,.043);background:var(--main-color);gap:8px;padding:0 9px;border-radius:6px;cursor:pointer;transition:.3s ease-in}.input-search-home .button-search span{font-size:14px;font-weight:600;color:#fff}.input-search-home .button-search:hover{background:var(--color-hover)}.new-input-header{margin:auto;transition:all .2s ease-in-out;width:100%}.new-input-header .input-search-home{border:1px solid rgba(0,0,0,.06);padding:5px 4px 5px 12px;height:28px}@media screen and (min-width:769px){.new-input-header .input-search-home{height:24px;border-radius:6px}}.new-input-header .input-search-home .magnifying{min-width:32px;width:32px;aspect-ratio:1;transition:all .2s ease-in-out}@media screen and (min-width:769px){.new-input-header .input-search-home .magnifying{min-width:28px;width:28px}}.new-input-header .input-search-home .magnifying>rect{fill:transparent}.new-input-header .input-search-home .magnifying>circle,.new-input-header .input-search-home .magnifying>path{stroke:#21212185}.new-input-header .input-search-home.active .magnifying>rect{fill:rgba(var(--color),1)}.new-input-header .input-search-home.active .magnifying>circle,.new-input-header .input-search-home.active .magnifying>path{stroke:#fff}.new-input-header .input-search-home.disable .button-search{pointer-events:none}.wrapper-suggest{position:absolute;width:100%;margin-left:-12px;background:#fff;height:100vh;touch-action:none}.wrapper-suggest .wrapper-input-search{top:-1px;padding:8px 12px;background-color:#fff;width:calc(100% - 24px);overflow:auto}.wrapper-input-search *{box-sizing:border-box}.wrapper-input-search{position:absolute;top:100%;width:100%;left:0;padding-top:4px;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f;overflow:hidden;box-sizing:border-box;border-radius:8px}@media screen and (max-width:768px){.wrapper-input-search{box-shadow:unset;border-radius:0}}.wrapper-input-search p{margin:0}.wrapper-input-search .cluster-wrapper{background-color:#fff;border-radius:8px;display:flex;flex-direction:column}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper{display:flex;overflow:hidden;flex-wrap:wrap;gap:16px;padding:16px 16px 0}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 9px;border-radius:8px;border:1px solid #d9d9d9;transition:border-color .2s ease}@media screen and (min-width:769px){.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list:hover{border-color:var(--color-hover,#85a5ff)}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list:hover p{color:var(--color-hover,#85a5ff)}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list:hover svg:not(.icon-search-chatbot) path{fill:var(--color-hover,#85a5ff)}}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list svg{margin:2px}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list svg path{transition:fill .2s ease}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-weight:600;font-size:14px;line-height:22px;color:#2d3642;transition:color .2s ease}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai{background:#f0f5ff;margin-bottom:-18px;width:calc(100% + 20px);margin-left:-10px;padding-left:16px;border-radius:0 0 6px 6px}@media screen and (max-width:768px){.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai{margin-bottom:-12px;margin-left:-20px;padding-left:26px;height:26px}}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai .btn-browse{gap:6px}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai .loading-animation-container{justify-content:flex-start;max-width:unset}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai .loading-animation-container .text,.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai .loading-animation-container span{max-width:unset;margin:0;font-weight:500}@media screen and (max-width:768px){.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai .loading-animation-container .text,.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai .loading-animation-container span{font-size:12px}}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai.error{background:#ffeeea}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .loading-ai.error svg{width:14px;height:14px}@media screen and (max-width:768px){.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper{gap:8px}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list{gap:4px;padding:7px 8px}.wrapper-input-search .cluster-wrapper .list-btn-search-wrapper .item-in-list p{font-weight:500;font-size:12px;line-height:20px}}.wrapper-input-search .cluster-wrapper .popular-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 16px;margin:16px 0}.wrapper-input-search .cluster-wrapper .popular-search-wrapper.show-list-key{margin:16px 0 8px}.wrapper-input-search .cluster-wrapper .popular-search-wrapper p{margin:0;font-weight:500;font-style:Medium;font-size:12px;line-height:20px;color:#bfbfbf;white-space:nowrap}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content{border-top:1px solid #0000000f;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0 16px;margin:0 16px}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .title-recent-search{margin:0;font-weight:500;font-style:Medium;font-size:12px;line-height:20px;color:#bfbfbf;white-space:nowrap}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .list-key-matched{width:100%}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .no-result-search{font-size:16px;font-weight:500;color:#212121;text-align:center}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home{width:100%;display:flex;align-items:center;gap:8px;padding:4px;cursor:pointer;border-radius:6px;z-index:1;height:32px;box-sizing:border-box}@media screen and (min-width:769px){.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home.active,.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home:hover{background:#f5f5f5}}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home.item-suggest .item-keyword{color:#2d3642;font-weight:500}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home.item-suggest .item-keyword span{font-weight:700}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home.item-suggest svg{width:12px;height:12px}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home .item-image{width:16px;height:16px}.wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home .item-keyword{font-size:14px;font-weight:500;max-width:calc(100% - 56px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrapper-input-search .overlay-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:transparent}.list-keyword-wrapper-search{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.list-keyword-wrapper-search .item-keyword{width:100%;display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:22px;text-align:center;color:#2d3642;cursor:pointer;white-space:nowrap;padding:4px;border-radius:4px;background-color:transparent;transition:background-color .2s ease}.list-keyword-wrapper-search .item-keyword svg{flex-shrink:0}.list-keyword-wrapper-search .item-keyword p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list-keyword-wrapper-search .item-keyword p .highlight-text{font-weight:700}@media screen and (min-width:769px){.list-keyword-wrapper-search .item-keyword:hover{background-color:#f5f5f5}}.list-keyword-wrapper-search .item-keyword .delete-item-keyword{display:flex;margin-left:auto;transition:.2s ease}@media screen and (min-width:769px){.list-keyword-wrapper-search .item-keyword .delete-item-keyword:hover{background:#f0f0f0}}.list-keyword-wrapper-search .item-keyword .delete-item-keyword svg{width:10px;height:10px}.list-keyword-wrapper-search .item-keyword .delete-item-keyword svg path{fill:#2d3642}.loading-animation-container{display:flex;width:100%;align-items:center;justify-content:center}.loading-animation-container .text{font-size:14px;font-family:Nunito;font-weight:600;max-width:80%;text-align:center}@media screen and (max-width:768px){.loading-animation-container{max-width:238px;flex-wrap:wrap}}.typing-animation{width:2em;height:1em;position:relative;display:flex;align-items:end;justify-content:center}.typing-animation .typing__dot{float:left;width:4px;height:4px;margin:0 2px;background:#000;border-radius:50%;opacity:0;animation:loadingFade 1s infinite}.typing-animation .typing__dot:first-child{animation-delay:0s}.typing-animation .typing__dot:nth-child(2){animation-delay:.2s}.typing-animation .typing__dot:nth-child(3){animation-delay:.4s}@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}