@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";header{margin:1.25%}header h1{font-size:3rem;font-weight:400}.logo{color:#00ffc8}.homepage{flex-grow:1;display:flex;justify-content:center}.search-position{position:absolute;top:40%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transition:top .66s ease-in-out}.search-position-inactive{top:5%}.hero-text-inactive{display:none}.hero-text{color:#fff;font-size:2.5625rem;font-weight:400}.search-outer-container,.search-inner-container{position:relative}.search-bar{width:40rem;padding:1.125rem 1rem 1.125rem 4rem;outline:none;border-style:none;background-color:#232329}.search-bar:hover{background-color:#28282d}.search-bar:focus,.search-container:has(.search-dropdown-active) .search-bar{background-color:#2d2d32}.search-bar,.search-bar::placeholder{color:#646867;font-size:1rem;font-weight:100}.search-icon{position:absolute;pointer-events:none;top:50%;left:4%;transform:translate(-50%,-50%);color:#00ffc8}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1rem;width:1rem;background:url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;background-size:contain;opacity:0;pointer-events:none;cursor:pointer}input[type=search]:not(:placeholder-shown)::-webkit-search-cancel-button{opacity:.4;pointer-events:all}.search-dropdown{width:100%;max-width:40rem;height:0;background-color:#2d2d32;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.search-dropdown-transition{overflow:hidden!important;transition:height .35s ease-in-out}.search-dropdown-active{overflow:auto;height:200px;box-shadow:0 2px 1px #1c1c1d;box-sizing:border-box;padding:.66rem 0}.search-item{margin:0 1.25rem;display:flex;align-items:center;gap:1rem;color:#646867;text-decoration:none}.search-item:hover{text-decoration:underline}.search-thumbnail{height:53.333px;width:40px}.spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.spinner-container>svg{width:40px;height:40px;color:gray;fill:#0ff;animation:spin 625ms linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{padding:0;margin:0;background-color:#17171b;font-family:Roboto,sans-serif}#root{height:100vh;width:100vw;display:flex;flex-direction:column}header h1{padding:0;margin:0}header a{text-decoration:none;color:unset}