@layer components{.search-container{max-width:var(--container-3xl);flex-direction:column;gap:1.5rem;margin:0 auto;padding:1.5rem;display:flex}.search-container>div:first-child{flex-direction:column;gap:.5rem;display:flex}.search-container>div:first-child h1{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);margin:0;font-weight:700}.search-container>div:first-child form{gap:.5rem;display:flex}.search-container>div:first-child input[type=search]{font-size:var(--text-sm);line-height:var(--text-sm--line-height);border:1px solid var(--color-slate-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;flex:1;padding:.5rem .75rem}.search-container>div:first-child input[type=search]:focus{border-color:var(--color-sky-500);box-shadow:initial 0 0 0 2px var(--color-slate-400);outline:none}.search-container>div:first-child input[type=search]:where(.dark,.dark *){background-color:var(--color-slate-800);border-color:var(--color-slate-600);color:var(--color-slate-50)}.search-container>div:first-child input[type=search]:where(.dark,.dark *):focus{box-shadow:initial 0 0 0 2px var(--color-slate-500)}.search-container>div:first-child button[type=submit]{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:#fff;background-color:var(--color-slate-900);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;transition:background-color var(--default-transition-duration,.15s)ease,box-shadow var(--default-transition-duration,.15s)ease;border:none;padding:.5rem 1rem;font-weight:600}.search-container>div:first-child button[type=submit]:hover{background-color:var(--color-slate-800)}.search-container>div:first-child button[type=submit]:where(.dark,.dark *){background-color:var(--color-slate-100);color:var(--color-slate-900)}.search-container>div:first-child button[type=submit]:where(.dark,.dark *):hover{background-color:#fff}.search-container>div:last-child{flex-direction:column;gap:1rem;display:flex}.search-container>div:last-child li{border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--default-transition-duration,.15s)ease;background-color:#fff;padding:1rem}.search-container>div:last-child li:hover{border-color:var(--color-slate-300)}.search-container>div:last-child li:where(.dark,.dark *){border-color:var(--color-slate-700);background-color:var(--color-slate-800)}.search-container>div:last-child li:where(.dark,.dark *):hover{border-color:var(--color-slate-500)}.search-container>div:last-child li a{font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:var(--color-slate-900);font-weight:600;text-decoration:none}.search-container>div:last-child li a:hover{color:var(--color-slate-700)}.search-container>div:last-child li a:where(.dark,.dark *){color:var(--color-slate-100)}.search-container>div:last-child li a:where(.dark,.dark *):hover{color:#fff}.search-container>div:last-child li>div{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-slate-500);margin-top:.25rem}.search-container>div:last-child li>div:where(.dark,.dark *){color:var(--color-slate-400)}.search-container>div:last-child li>p{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-700);line-clamp:3;-webkit-box-orient:vertical;margin-top:.5rem;display:-webkit-box;overflow:hidden}.search-container>div:last-child li>p:where(.dark,.dark *){color:var(--color-slate-200)}.search-error{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-slate-500)}.search-error:where(.dark,.dark *){color:var(--color-slate-400)}}