.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;border-bottom:1px solid rgba(0,0,0,.1)}.search-header__title{color:#0f0f0f;line-height:2.8rem;font-weight:700;font-size:2rem}.search-empty{display:flex;justify-content:center;align-items:center;padding:48px 0}.search-empty__text{font-size:1.4rem}.search-results{display:flex;flex-direction:column;gap:16px;padding:0 8px}.search-results .search-item{display:flex;gap:16px;margin-bottom:16px}.search-results .search-item .search-thumbnail-container{position:relative;width:337.25px;height:190px;transition:opacity .3s ease}.search-results .search-item .search-thumbnail-container .search-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:10px}.search-results .search-item .search-thumbnail-container .video-duration{position:absolute;bottom:4px;right:4px;background-color:#0009;color:#fff;padding:2px 4px;border-radius:4px;font-size:12px;font-weight:500}.search-results .search-item .search-thumbnail-container:hover{opacity:.6;filter:blur(.3px)}.search-results .search-item .search-video-info{flex:1;display:flex;flex-direction:column;gap:6px}.search-results .search-item .search-video-info .search-video-title{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:6px;display:-webkit-box;color:#0f0f0f;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;transition:opacity .3s ease}.search-results .search-item .search-video-info .search-video-title:hover{opacity:.6}.search-results .search-item .search-video-info .search-video-meta{font-size:1.4rem;color:#606060;margin-bottom:2px}.search-results .search-item .search-video-info .search-video-meta__views,.search-results .search-item .search-video-info .search-video-meta__pubDate{font-size:1.4rem}.search-results .search-item .search-video-info .search-video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2px}.search-results .search-item .search-video-info .search-video-tags .search-video-tag{font-size:1.4rem;color:#606060;transition:opacity .3s ease}.search-results .search-item .search-video-info .search-video-tags .search-video-tag:hover{opacity:.6}.search-results .search-item .search-video-info .search-video-channel{display:flex;align-items:center;gap:8px;margin:6px 0}.search-results .search-item .search-video-info .search-video-channel__name{font-size:1.4rem;color:#606060}