/* Search entry follows the QA flow; result details follow Figma 3269:65138. 390px baseline. */
.xl-search-label-mobile{display:none}
@media(max-width:640px){
 body.xl-home.xl-h5-shell-enabled.xl-search-entry{padding-top:calc(56 * var(--xl-h5-unit) + env(safe-area-inset-top,0px))!important}
 .xl-search-entry .xl-h5-header{height:calc(56 * var(--xl-h5-unit) + env(safe-area-inset-top,0px));padding:calc(10 * var(--xl-h5-unit) + env(safe-area-inset-top,0px)) calc(16 * var(--xl-h5-unit)) calc(10 * var(--xl-h5-unit));gap:calc(20 * var(--xl-h5-unit));align-items:center}
 .xl-search-entry .xl-h5-logo{display:none}
 .xl-search-entry .xl-h5-search-back{display:flex;align-items:center;justify-content:center;flex:none;position:relative;width:calc(24 * var(--xl-h5-unit));height:calc(36 * var(--xl-h5-unit))}
 .xl-search-entry .xl-h5-search-back:before{content:'';position:absolute;inset:calc(-4 * var(--xl-h5-unit)) calc(-10 * var(--xl-h5-unit))}
 .xl-search-entry .xl-h5-search-back img{width:calc(13.1233 * var(--xl-h5-unit));height:calc(13.1158 * var(--xl-h5-unit));transform:translateX(calc(2 * var(--xl-h5-unit))) rotate(45deg)}
 [data-theme="dark"] .xl-search-entry .xl-h5-search-back img{filter:brightness(1.8)}
 .xl-search-entry .xl-h5-search button img{display:none}
 .xl-search-entry .xl-h5-search button:after{content:'';width:calc(16 * var(--xl-h5-unit));height:calc(16 * var(--xl-h5-unit));background:var(--text-tertiary);mask:url('/static/web/images/redesign/h5-search/search.svg') center/contain no-repeat;-webkit-mask:url('/static/web/images/redesign/h5-search/search.svg') center/contain no-repeat}
 .xl-search-entry .xl-h5-search input{color:var(--text-tertiary)}
 .xl-search-entry .xl-search-intro{display:none}
 .xl-search-entry .xl-search-content{padding:calc(28 * var(--xl-h5-unit)) 0 calc(32 * var(--xl-h5-unit));gap:calc(24 * var(--xl-h5-unit))}
 .xl-search-results .xl-result-section{gap:calc(12 * var(--xl-h5-unit))}
 .xl-search-results .xl-result-title{align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:calc(12 * var(--xl-h5-unit))}
 .xl-search-results .xl-result-title h2{min-width:0;margin:0;font-size:calc(20 * var(--xl-h5-unit));line-height:calc(28 * var(--xl-h5-unit));font-weight:600;overflow-wrap:anywhere}
 .xl-search-results .xl-result-title>.xl-search-total{flex:none;font-size:calc(12 * var(--xl-h5-unit));line-height:calc(17 * var(--xl-h5-unit));color:var(--text-tertiary)}
 .xl-search-results .xl-search-total-kind,.xl-search-results .xl-search-label-desktop{display:none}
 .xl-search-results .xl-search-label-mobile{display:inline}
 .xl-search-results .xl-result-tabs{gap:calc(8 * var(--xl-h5-unit));overflow-x:auto}
 .xl-search-results .xl-result-tabs a{height:calc(32 * var(--xl-h5-unit));padding:0 calc(12 * var(--xl-h5-unit));gap:calc(4 * var(--xl-h5-unit));border:0;background:var(--bg-surface);font-size:calc(14 * var(--xl-h5-unit));line-height:calc(20 * var(--xl-h5-unit));font-weight:400}
 .xl-search-results .xl-search-count{font-size:inherit;font-weight:400;opacity:1}
 .xl-search-results .xl-result-tabs a.is-active{background:var(--brand-blue-default);color:var(--text-on-brand)}
 .xl-search-entry .xl-video-grid{gap:calc(12 * var(--xl-h5-unit))}
 .xl-search-entry .xl-video{gap:calc(8 * var(--xl-h5-unit))}
 .xl-search-entry .xl-video-cover{border-radius:calc(8 * var(--xl-h5-unit))}
 .xl-search-entry .xl-video-title{font-size:calc(14 * var(--xl-h5-unit));line-height:calc(20 * var(--xl-h5-unit));font-weight:400}
 .xl-search-entry .xl-video-meta{min-height:calc(36 * var(--xl-h5-unit));padding:calc(12 * var(--xl-h5-unit)) calc(8 * var(--xl-h5-unit)) calc(4 * var(--xl-h5-unit))}
 .xl-search-results .xl-video .xl-tags{gap:calc(4 * var(--xl-h5-unit))}
 .xl-search-results .xl-video .xl-tags a,.xl-search-results .xl-video .xl-tags .xl-tag-label{height:calc(20 * var(--xl-h5-unit));padding:0 calc(12 * var(--xl-h5-unit));font-size:calc(11 * var(--xl-h5-unit));line-height:calc(20 * var(--xl-h5-unit))}
 .xl-search-results .xl-content-badge{display:none}
 .xl-search-results .xl-vip-badge{top:calc(6 * var(--xl-h5-unit));right:calc(6 * var(--xl-h5-unit));height:calc(20 * var(--xl-h5-unit));padding:calc(3 * var(--xl-h5-unit)) calc(6 * var(--xl-h5-unit));font-size:calc(10 * var(--xl-h5-unit));line-height:calc(14 * var(--xl-h5-unit));font-weight:400}
 /* QA green 3: history and hot cards start directly below the secondary search header. */
 .xl-search-entry .xl-search-body{gap:calc(32 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-history,.xl-search-entry .xl-search-hot{gap:calc(16 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-content h2{font-size:calc(20 * var(--xl-h5-unit));line-height:calc(28 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-title{gap:calc(16 * var(--xl-h5-unit))}
 .xl-search-entry .xl-clear-history{width:auto;height:calc(28 * var(--xl-h5-unit));padding:0 calc(16 * var(--xl-h5-unit));font-size:calc(12 * var(--xl-h5-unit));line-height:calc(17 * var(--xl-h5-unit));font-weight:400}
 .xl-search-entry .xl-history-items{gap:calc(8 * var(--xl-h5-unit))}
 .xl-search-entry .xl-history-items:empty{display:none}
 .xl-search-entry .xl-history-items button{padding:calc(6 * var(--xl-h5-unit)) calc(12 * var(--xl-h5-unit));border-radius:calc(16 * var(--xl-h5-unit));font-size:calc(12 * var(--xl-h5-unit));line-height:calc(17 * var(--xl-h5-unit))}
 .xl-search-entry .xl-history-empty,.xl-search-entry .xl-hot-empty{font-size:calc(12 * var(--xl-h5-unit));line-height:calc(17 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-hot .xl-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xl-search-entry .xl-search-hot .xl-video-meta{color:#fff;font-size:calc(10 * var(--xl-h5-unit));line-height:calc(14 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-hot .xl-video-meta img{width:calc(10 * var(--xl-h5-unit));height:calc(10 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-hot .xl-video-cover::before{width:calc(100 * var(--xl-h5-unit));height:calc(100 * var(--xl-h5-unit))}
 .xl-search-entry .xl-search-hot .xl-hot-rank{top:calc(6 * var(--xl-h5-unit));left:calc(8 * var(--xl-h5-unit));font-size:calc(20 * var(--xl-h5-unit));line-height:calc(28 * var(--xl-h5-unit))}
}