.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:3rem}@media only screen and (max-width:1024px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.movie-grid__loadmore{display:flex;justify-content:center}.grid-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem}.grid-toolbar__sort{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.8rem}.grid-toolbar__sort i{font-size:1rem}.grid-toolbar__label{white-space:nowrap}.movie-search-wrap{position:relative;z-index:100;display:flex;flex-direction:column;align-items:center;width:100%}.movie-search-wrap .search-hint{margin:.5rem 0 0;font-size:.7rem;color:#666;text-align:center}.movie-search{position:relative;width:100%;max-width:480px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.movie-search:focus-within{border-color:rgba(255,255,255,.2);background:#1c1c1c}.movie-search .clear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;margin:0;padding:0 .5rem;cursor:pointer;font-size:1.15rem;color:#666;transition:color .3s cubic-bezier(.4,0,.2,1)}.movie-search .clear-btn:hover{color:#e5e5e5}.movie-search .search-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-left:.25rem;background:#6366f1;border:none;border-radius:4px;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1)}.movie-search .search-btn:hover{background:#4f46e5}.movie-search input{flex:1 1;padding:.75rem;background:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;color:#e5e5e5;font-size:.9rem;font-family:var(--font-sora),"Sora",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}.movie-search input::placeholder{color:#666}.movie-search input:focus{outline:none;border:none;box-shadow:none;background:rgba(0,0,0,0)}.movie-search input:hover{border:none}