.loading-component-circular-progress{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.loading-component-circular-progress.center{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-component-circular-progress .circular-progress{animation:animationCircleProgress 1.4s linear infinite}.loading-component-circular-progress .circular-progress .circular-progress-circle{stroke-dasharray:80px,200px;stroke-dashoffset:0;-webkit-animation:circularProgressCircle 1.4s ease-in-out infinite;animation:circularProgressCircle 1.4s ease-in-out infinite}@keyframes animationCircleProgress{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circularProgressCircle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.loading-component{height:100%;display:flex;justify-content:center;align-items:center}.main-search *{box-sizing:border-box}.main-search,.main-search .search{display:flex;align-items:center;width:100%}.main-search .search{background:rgba(33,33,33,.04);border:1px solid rgba(0,0,0,.06);border-radius:6px;transition:all .2s ease;justify-content:space-between;margin:auto}.main-search .search .wrapper-loading-gen-quiz-ai,.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai{display:flex;align-items:center;justify-content:flex-start;width:100%}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse{padding-left:12px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse img{margin:4px}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse p{align-items:center;display:flex}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse span{font-weight:500;font-size:14px;line-height:22px;color:#8c8c8c}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .loading-animation{width:100%}.main-search .search input{width:100%;border:0!important;background:transparent!important;font-size:14px;padding-left:12px}.main-search .search input:active,.main-search .search input:focus,.main-search .search input:focus-visible,.main-search .search input:focus-within,.main-search .search input:hover,.main-search .search input:visited{outline:none}.main-search .search input::placeholder{color:#2211113d}.main-search .search:active,.main-search .search:focus,.main-search .search:hover,.main-search .search:visited{background:#fff}@media screen and (min-width:1025px){.main-search .search.focus{border:1px solid var(--color-hover);background:#fff}}.main-search .search .btn-search{display:flex;border:none;cursor:pointer;transition:all .3s ease-in}@media screen and (min-width:1025px){.main-search .search .btn-search{padding:3px}.main-search .search .btn-search:hover svg rect{fill:var(--color-hover)}.main-search .search .btn-search svg{width:28px!important;height:28px!important}}.main-search .search .wrapper-input-search{z-index:9;padding-top:0;left:6px;right:6px;width:auto}@media screen and (min-width:1025px){.main-search .search .wrapper-input-search{width:100%;right:0;left:unset;top:40px}.main-search{position:relative;width:70%;margin:auto;max-width:599px}}@media screen and (max-width:1024px){.main-search{width:100%;margin-right:2px}.main-search .search{margin-left:0;background-color:#fff;display:flex;align-items:center;justify-content:center;width:100%;border:0}.main-search .search .wrapper-loading-gen-quiz-ai{width:100%}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse{gap:4px}.main-search .search .wrapper-loading-gen-quiz-ai .loading-ai .btn-browse img{margin:2px 0}.main-search .search .search-input{width:100%;font-size:14px;font-weight:500;line-height:22px;color:#2d3642;background-color:transparent;border:none!important;outline:none!important;padding:0 6px;margin:0;height:32px;box-sizing:border-box}.main-search .search .btn-search,.main-search .search .btn-search svg{width:32px;height:32px}.main-search .search .wrapper-input-search{padding-top:0;width:100svw;left:0;right:0}.main-search .search .wrapper-input-search:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 48px);height:1px;background-color:rgba(0,0,0,.06);margin:0 24px;border-radius:2px}.main-search .search .wrapper-input-search .cluster-wrapper{border-radius:0 0 32px 32px;overflow:hidden;background:#fff;border:0}.main-search .search .wrapper-input-search .cluster-wrapper .cluster-wrapper-header{padding:0 8px 0 0}.main-search .search .wrapper-input-search .cluster-wrapper .wrapper-input-search-content{max-height:220px;overflow-y:auto}.main-search .search .wrapper-input-search .cluster-wrapper .wrapper-input-search-content::-webkit-scrollbar{width:4px!important}.main-search .search .wrapper-input-search .cluster-wrapper .wrapper-input-search-content::-webkit-scrollbar-thumb{background-color:#dedede}.main-search .search .wrapper-input-search .cluster-wrapper .wrapper-input-search-content .item-recent-search-home{gap:8px}.main-search .search .wrapper-input-search .cluster-wrapper .cluster-btn-browse{padding-top:8px}.main-search .search .wrapper-input-search .cluster-wrapper .cluster-btn-browse .btn-browse{font-size:14px;font-weight:600;line-height:24px;color:#597ef7}.main-search .search .wrapper-input-search .cluster-wrapper .cluster-btn-browse .icon-arrow{width:24px;height:24px}.main-search .mark-search{position:absolute;top:0;right:0;left:0;width:100svw;height:200svh;z-index:-1;background-color:rgba(0,0,0,.25);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}}.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}}