.topbar{height:322px;overflow:visible;z-index:3}.topbar::before{inset:64px 0 0;filter:blur(24px);clip-path:inset(0);background-position:center 35%}.topbar::after{width:390px}.topbar .banner-context{top:142px}.banner-context strong{font-size:32px}.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.top-inner .identity{margin-left:0}.top-inner .theme-toggle{margin:0;white-space:nowrap;background:linear-gradient(#18394f,#0b1b27);border:1px solid #38698c;color:#bfe3fa}.top-inner{gap:18px}.header-tools form{position:relative;display:flex;width:250px;height:34px;border:1px solid #386079;background:#0c1823;border-radius:3px}.header-tools input{width:100%;min-width:0;border:0;background:transparent;color:#edf5fc;padding:7px 10px;font:13px var(--body);margin:0}.header-tools input::placeholder{color:#a3b7c7}.header-tools form>button{width:34px;flex-shrink:0;border:0;background:none;color:#a3d8f8;font-size:22px}#search-results{position:absolute;top:41px;right:0;width:320px;max-height:350px;overflow:auto;background:#fff;color:#263746;border:1px solid #91a8b8;box-shadow:0 8px 24px #0005;z-index:20;padding:6px}#search-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #dce3e8;padding:10px;background:transparent;font:14px var(--body);color:#006bb5}#search-results button:hover,#search-results button:focus-visible{background:#e7f2fa}#search-results small{display:block;color:#607381;font-size:12px;margin-top:3px}#search-results p{padding:10px;margin:0;font-size:13px}html[data-theme=dark] #search-results{background:#18242c;color:#dfebf2;border-color:#386079}html[data-theme=dark] #search-results button{color:#78c7f7;border-color:#344a59}html[data-theme=dark] #search-results button:hover,html[data-theme=dark] #search-results button:focus-visible{background:#244254}html[data-theme=dark] #search-results small{color:#b5c7d4}
@media(max-width:850px){.header-tools form{width:200px}.top-inner .player-trigger-copy small{display:none}.top-inner{gap:10px;padding-inline:16px}}
@media(max-width:620px){.topbar{height:350px}.top-inner{height:110px;flex-wrap:wrap;padding-block:10px;align-content:center}.top-inner .identity{margin-left:auto}.header-tools{order:3;flex-basis:100%;margin:0}.header-tools form{flex:1;width:auto}.header-tools .theme-toggle{font-size:12px}.topbar::before,.topbar::after{top:110px}.topbar::after{width:290px}.topbar .banner-context{top:177px;max-width:55%}.banner-context strong{font-size:26px}#search-results{width:min(320px,85vw);left:0;right:auto}}