:root{--button-primary-color:red}html.app-shell{background:#000;width:100%}body.app-shell{width:100%;margin:0;min-height:100vh}.app-shell-content{width:100%;margin:0 auto}body{background:#0d0d0d;width:100%;height:100%;padding:0;margin:0}.search-results-grid{width:100%;display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media (min-width:350px){.search-results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.search-results-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.search-results-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.search-result-item{max-width:24rem;border:0;display:inline-grid;gap:0;text-align:center;align-items:center;transform:scale(0);animation:gridpop .4s ease-in-out forwards}.search-result-item a{display:block;width:100%;padding:.5rem;background:#1e293b;text-align:center;text-decoration:none}.search-result-item img{display:block;width:100%;height:9rem;margin:0 auto;object-fit:cover}.search-result-item h3{width:100%;margin:.5rem 0 0;color:#fff;font-size:.875rem}@keyframes gridpop{0%{transform:scale(0)}100%{transform:scale(1)}}.demo-input{display:inline-block;background:#64748b;border:1px solid #d1d5db;color:#fff;font-size:.875rem;border-radius:.5rem;padding:.625rem}.demo-input:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}select.demo-input{width:12rem}input.demo-input{width:24rem}button.demo-input{width:6rem;cursor:pointer}