.SearchResults-module__XKb7nG__list{margin:0;padding:0;list-style:none}.SearchResults-module__XKb7nG__list_container{justify-content:center;width:100%;display:flex}.SearchResults-module__XKb7nG__list_container ul{width:min(880px,100% - 20px);margin:0 auto 30px;padding:0;list-style:none}.SearchResults-module__XKb7nG__item{cursor:pointer;border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:6px;padding:10px;transition:background-color .2s;display:flex}.SearchResults-module__XKb7nG__item:hover{background-color:#1f1f1f}.SearchResults-module__XKb7nG__item:active{background-color:#242424}.SearchResults-module__XKb7nG__thumbnail_wrap{aspect-ratio:16/9;background:#000;border-radius:8px;flex:0 0 min(360px,42vw);position:relative;overflow:hidden}.SearchResults-module__XKb7nG__image{object-fit:cover;width:100%;height:100%;display:block}.SearchResults-module__XKb7nG__thumbnail_fallback{background:#282828;width:100%;height:100%}.SearchResults-module__XKb7nG__duration_badge{color:#fff;letter-spacing:.5px;background:#000000d9;border-radius:4px;padding:1px 5px;font-size:.35rem;line-height:1.5;position:absolute;bottom:6px;right:6px}.SearchResults-module__XKb7nG__details{flex-direction:column;flex:1;justify-content:flex-start;min-width:0;padding-top:2px;display:flex}.SearchResults-module__XKb7nG__name{-webkit-line-clamp:2;color:#fff;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.47rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.SearchResults-module__XKb7nG__artists{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.4rem;overflow:hidden}@media screen and (max-width:700px){.SearchResults-module__XKb7nG__list_container{padding:10px}.SearchResults-module__XKb7nG__list_container ul{width:100%}.SearchResults-module__XKb7nG__item{flex-direction:column;gap:10px}.SearchResults-module__XKb7nG__thumbnail_wrap{flex:none;width:100%}}
.SearchBar-module__vI10hG__search{z-index:1;width:min(360px,90vw);height:48px;margin:30px auto;display:flex;position:relative}.SearchBar-module__vI10hG__search input{color:#555;border:none;border-radius:20px;flex:1;width:100%;padding:.35rem 70px .35rem 20px;font-family:Roboto,arial,sans-serif;font-size:max(16px,.444rem);box-shadow:2px 4px 5px #0000004d}.SearchBar-module__vI10hG__search button{cursor:pointer;background:0 0;border:none;font-size:.556rem;transition:transform .2s ease-in-out;position:absolute;top:50%;transform:translateY(-50%)}.SearchBar-module__vI10hG__search button:active{transform:translateY(-50%)scale(.88)}.SearchBar-module__vI10hG__clearIcon,.SearchBar-module__vI10hG__searchIcon{color:#707070;justify-content:center;align-items:center;width:35px;height:35px;display:flex;right:42px}.SearchBar-module__vI10hG__clearIcon{color:#848484}.SearchBar-module__vI10hG__clearIcon:hover,.SearchBar-module__vI10hG__searchIcon:hover{background:#e4e4e4;border-radius:50%;transition:background .4s}.SearchBar-module__vI10hG__searchIcon{right:10px}.SearchBar-module__vI10hG__search input:focus,.SearchBar-module__vI10hG__search button:focus{outline:none}.SearchBar-module__vI10hG__search input::placeholder{color:#868686}