.search-loader-spinner{box-sizing:border-box;border:24px solid #ffffff26;border-color:#ffffff26 #ffffff40 #ffffff59 #ffffff80;border-radius:50%;width:80px;height:80px;animation:1s linear infinite searchSpinnerAnimation;display:inline-block}@keyframes searchSpinnerAnimation{0%{border-color:#ffffff26 #ffffff40 #ffffff59 #ffffffbf}33%{border-color:#ffffffbf #ffffff26 #ffffff40 #ffffff59}66%{border-color:#ffffff59 #ffffffbf #ffffff26 #ffffff40}to{border-color:#ffffff40 #ffffff59 #ffffffbf #ffffff26}}.search-loader-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:50;background:#01142b;border-radius:1rem;flex-direction:column;justify-content:flex-start;align-items:center;min-height:300px;padding-top:4rem;animation:.2s ease-out searchFadeIn;display:flex;position:absolute;inset:0}.search-loader-text{color:#fff;text-align:center;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:1.5rem;font-weight:600;animation:1.5s ease-in-out infinite searchPulse}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}@keyframes searchPulse{0%,to{opacity:1}50%{opacity:.7}}
.search-container{box-sizing:border-box;width:fit-content;position:relative}.search-mainbox{box-sizing:border-box;background-color:#000;border-radius:160px;flex-direction:row-reverse;justify-content:center;align-items:center;width:230px;height:50px;transition:all .3s;display:flex;position:relative}.search-checkbox:focus{border:none;outline:none}.search-checkbox:checked{right:10px}.search-checkbox:checked~.search-mainbox{width:50px}.search-checkbox:checked~.search-mainbox .search-input{width:0;height:0}.search-checkbox:checked~.search-mainbox .search-icon-container{padding-right:8px}.search-checkbox{box-sizing:border-box;z-index:9;cursor:pointer;appearance:none;width:30px;height:30px;position:absolute;top:10px;right:17px}.search-input{box-sizing:border-box;color:#fff;background-color:#0000;border:none;outline:none;width:170px;height:100%;padding-bottom:4px;padding-left:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1em;transition:all .3s}.search-input::placeholder{color:#ffffffc6}.search-icon-container{box-sizing:border-box;width:fit-content;padding-top:5px;transition:all .3s}.search-icon{box-sizing:border-box;fill:#fff;width:1em;height:1em;font-size:1.3em}
.student-searchbar{justify-content:center;align-items:center;gap:15px;margin-left:12px;display:flex;position:relative}.student-searchbar__input{width:44px;height:44px;box-shadow:none;color:#fff;background-color:#0000;border-style:none;border-radius:50%;outline:none;padding:8px 36px 8px 8px;transition:all .5s ease-in-out}.student-searchbar__input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.student-searchbar__input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.student-searchbar__input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.student-searchbar__input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.student-searchbar__input{caret-color:#fff}.student-searchbar__input::placeholder,.student-searchbar__input{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px}.student-searchbar__input::placeholder{color:#8f8f8f}.student-searchbar__icon{cursor:pointer;pointer-events:painted;width:44px;height:44px;box-shadow:none;background-color:#0000;border-style:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:right .3s,all .2s linear,box-shadow .2s;display:flex;position:absolute}.student-searchbar__icon svg{stroke:#fff!important}@media (min-width:641px){.student-searchbar__icon:after{content:"";filter:blur(8px);opacity:.95;z-index:0;pointer-events:none;background:radial-gradient(circle,#a78bfa73 0%,#a78bfa26 30%,#11182700 70%);border-radius:9999px;transition:opacity .25s,transform .3s;position:absolute;inset:-8px}.student-searchbar__icon:hover:after{opacity:1;animation:2.2s ease-in-out infinite search-glow-pulse;transform:scale(1.02)}.student-searchbar:focus-within .student-searchbar__icon:after{opacity:0!important;animation:none!important;transform:scale(1)!important}.student-searchbar__icon{z-index:2;position:absolute}@keyframes search-glow-pulse{0%{opacity:.95;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}to{opacity:.95;transform:scale(1)}}}.student-searchbar__icon:focus~.student-searchbar__input,.student-searchbar__input:focus{box-shadow:none;background-color:#0000;border-bottom:3px solid #a78bfa;border-radius:0;width:250px;transition:all .5s cubic-bezier(0,.11,.35,2)}.student-searchbar__input:focus~.student-searchbar__icon{box-shadow:none;background-color:#0000;border-radius:0}.student-searchbar:focus-within .student-searchbar__icon{box-shadow:none;background-color:#0000;border-radius:0;right:4px}@media (min-width:641px){.student-searchbar__icon{box-shadow:none}}@media (max-width:640px){.student-searchbar{gap:10px;width:100%;margin-left:0}.student-searchbar__input{width:100%;height:40px;box-shadow:none;background-color:#ffffff0a;border-radius:10px;padding:10px 40px 10px 12px;font-size:15px}.student-searchbar__input:focus,.student-searchbar__icon:focus~.student-searchbar__input{background-color:#0f172a;border-bottom:2px solid #a78bfa;border-radius:10px;width:100%}.student-searchbar__icon{width:32px;height:32px;box-shadow:none;top:90%;right:8px;transform:translateY(-50%)}.student-searchbar__icon:after{display:none}}