next-static-search/dist/index.css

A powerful react search based on pagefind with beautiful UI

:root{--rstse-primary: 144, 144, 144}.rstse__search_bar{display:flex;align-items:center;justify-content:center;max-width:300px;font-family:sans-serif;color:rgb(var(--rstse-primary));position:relative}.rstse__search_bar_input{width:100%;min-height:30px;height:auto;padding:6px 80px 6px 12px;border:1px solid rgb(var(--rstse-primary));border-radius:6px;background:#fff;color:rgb(var(--rstse-primary))}.rstse__search_bar_div{position:absolute;right:0;transform:translate(-10px);display:flex;gap:3px;justify-content:center;font-size:12px;align-items:center}.rstse__search_bar_keys{background-color:rgb(var(--rstse-primary));border-radius:5px;padding:2.5px 5px;color:#fff;line-height:1}.rstse__search_portal{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(5px);z-index:99999999;display:flex;align-items:center;justify-content:center}.rstse__search_portal>div{min-width:250px;width:95%;max-width:600px;border-radius:10px;background:#fff;backdrop-filter:blur(20px);padding:20px 15px;display:flex;flex-direction:column;gap:10px;max-height:600px;height:90%}.rstse__search_portal>div>h3{font-size:20px;font-weight:700}.rstse__search_portal__hidden{display:none}.rstse__search_result{border:1px solid rgb(var(--rstse-primary));border-radius:5px;height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.rstse__search_result_err{padding:12px;color:rgb(var(--rstse-primary));line-height:1.1;text-align:center}.rstse__search_result_pane{text-align:start;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box;overflow-y:auto;padding:8px;scrollbar-width:1px;height:100%;gap:8px}.rstse__search_result_pane>h3{font-size:12px;line-height:1.05;text-transform:uppercase;color:rgb(var(--rstse-primary));padding:6px 12px;border-bottom:.5px solid rgb(var(--rstse-primary));font-weight:light;width:100%}.rstse__search_result_pane>div{display:flex;flex-direction:column;width:100%}.rstse__search_result_pane>div>a{padding:12px;border-radius:5px}.rstse__search_result_pane>div>a:hover{background-color:#3bd1ff33}.rstse__search_result_pane>div>a:hover>h4{color:#006be5}.rstse__search_result_pane>div>a>h4{font-size:16px;font-weight:700;line-height:1.02;margin-bottom:4px;color:#393939}.rstse__search_result_pane>div>a>p{font-size:14px;line-height:1.04;color:#4a5565}.rstse__search_result_pane>div>a>p>mark{background-color:#006be5cc;color:#fff}.rstse__search_loading{display:flex;align-items:center;gap:12px;font-size:18px;font-family:monospace}.rstse__search_result_pane_no_result{color:rgb(var(--rstse-primary));display:flex;align-items:center;justify-content:center;width:100%;height:100%}.rstse-animate-fade-in{animation:rstse-animate-fade-in .4s linear}.rstse__search_bar_inline{position:absolute;z-index:99999;top:55px;min-width:250px;width:95vw;max-width:600px;background-color:#ffffff4d;backdrop-filter:blur(15px);border-radius:8px;right:-10px;min-height:400px;height:75%;overflow:hidden}@keyframes rstse-animate-fade-in{0%{opacity:0}to{opacity:1}}.rstse_spinner_1KD7{animation:rstse_spinner_6QnB 1.2s infinite}.rstse_spinner_MJg4{animation-delay:.1s}.rstse_spinner_sj9X{animation-delay:.2s}.rstse_spinner_WwCl{animation-delay:.3s}.rstse_spinner_vy2J{animation-delay:.4s}.rstse_spinner_os1F{animation-delay:.5s}.rstse_spinner_l1Tw{animation-delay:.6s}.rstse_spinner_WNEg{animation-delay:.7s}.rstse_spinner_kugV{animation-delay:.8s}.rstse_spinner_4zOl{animation-delay:.9s}.rstse_spinner_7he2{animation-delay:1s}.rstse_spinner_SeO7{animation-delay:1.1s}@keyframes rstse_spinner_6QnB{0%,50%{animation-timing-function:cubic-bezier(.27,.42,.37,.99);r:0}25%{animation-timing-function:cubic-bezier(.53,0,.61,.73);r:2px}}