.top-bar .favorites-icon{position:absolute;right:15px;bottom:14px}.top-bar .favorites-icon svg{stroke:#000;stroke-width:2px}.top-bar--button-search{top:0;right:30px;bottom:0;width:64px}.top-bar--button-search.favorites-hidden{right:0}.top-bar--button-search.btn .icon,.top-bar--button-search.btn .icon *{fill:#fff}.top-bar--button-back{display:none!important;left:16px;color:#fff}@media (display-mode:standalone){.top-bar--button-back{display:block!important}}.top-bar .search-box.is--shown{z-index:30;right:75px}.top-bar .search-box.is--shown:before{right:-75px}.search-box{position:absolute;top:0;right:60px;bottom:0;left:16px;perspective:2000px;transform-origin:100% 50%;pointer-events:none;--animation-duration:0s}.search-box.is--interactive{--animation-duration:var(--transition-duration)}@media(min-width:992px){.search-box{right:auto;left:auto;transform-origin:90% 50%;width:100%;max-width:600px}}@media(min-width:1600px){.search-box{max-width:800px}}.search-box:before{position:absolute;top:0;right:-64px;bottom:0;left:-64px;background:#000;content:""}.search-box.is--hidden{transform:scaleX(1);animation:var(--animation-duration) cubic-bezier(.25,.61,.355,1) var(--animation-duration) scaleOutTo-0 forwards}.search-box.is--hidden .search-box--input{animation:var(--animation-duration) cubic-bezier(.25,.61,.355,1) scaleSearchBoxOut forwards}.search-box.is--shown{transform:scaleX(0);opacity:0;animation:var(--transition-duration) cubic-bezier(.25,.61,.355,1) scaleInTo-100 forwards;pointer-events:auto}.search-box.is--shown .input--border{transition:var(--transition-duration) opacity calc(var(--transition-duration)*2) cubic-bezier(.25,.61,.355,1);opacity:1}.search-box.is--shown .search-box--input{transform:scaleY(.025);animation:var(--transition-duration) cubic-bezier(.25,.61,.355,1) var(--transition-duration) scaleSearchBoxIn forwards}.search-box.is--shown .search-box--input::placeholder{transition:var(--transition-duration) opacity calc(var(--transition-duration)*2) cubic-bezier(.25,.61,.355,1);opacity:1}.search-box.is--shown .search-box--cancel,.search-box.is--shown .search-box--submit{animation:var(--transition-duration) cubic-bezier(.25,.61,.355,1) calc(var(--transition-duration)*1.75) scaleSearchBoxIconsIn forwards}@media(min-width:992px){.search-box.is--shown .search-box--cancel,.search-box.is--shown .search-box--submit{animation-timing-function:cubic-bezier(.22,.68,0,1.71)}}.search-box.is--shown .search-box--cancel{animation-delay:calc(var(--transition-duration)*2.25)}.search-box--input{transform-origin:100% 50%;background:#1a1a1a;padding-right:48px}.search-box--input::placeholder{opacity:0;color:#7c7c7c;font:400 16px/48px Noto Sans,sans-serif}.search-box--cancel:is(button),.search-box--submit:is(button){position:absolute;top:50%;transform:translate3d(0,-50%,0) scale3d(0,0,0);transform-origin:50% 50%;opacity:0;height:48px}.search-box--submit{right:0;width:48px;color:#00b9ff}.search-box--submit .icon,.search-box--submit .icon *{fill:#00b9ff}.search-box--cancel{right:-56px;width:48px;color:#fff}@media(hover:hover){.search-box--cancel:hover .icon,.search-box--cancel:hover .icon *{fill:#00b9ff}}.search-box--cancel .icon,.search-box--cancel .icon *{fill:#fff}.search-box .input--border{opacity:0}@keyframes scaleSearchBoxIconsIn{to{opacity:1;transform:translate3d(0,-50%,0) scaleX(1)}}@keyframes scaleSearchBoxOut{to{transform:scaleY(.025)}}@keyframes scaleSearchBoxIn{to{transform:scaleX(1)}}.search-hits{position:absolute;top:64px;right:-60px;left:-16px;transform-origin:50% 0;box-shadow:0 -16px 0 0 #000;background:#000;padding:24px 16px 28px;pointer-events:none}@media(max-width:991.98px){.search-hits{box-shadow:16px 0 0 0 #000,-16px 0 0 0 #000;height:calc((var(--viewport-height, 1vh) * 100) - (64px + 105px))}}@media(min-width:992px){.search-hits{top:104px;right:0;left:0;transform-origin:50% -50%;padding:4px 0 28px}.search-hits:after,.search-hits:before{position:absolute;top:-16px;bottom:0;background:#000;width:50vw;content:""}.search-hits:before{left:-50vw}.search-hits:after{right:-50vw}.is--scrolling-down .search-hits{top:96px}}.search-hits.is--shown{transform:rotateX(-25deg);opacity:0;animation:calc(var(--transition-duration)*2) cubic-bezier(.25,.61,.355,1) scaleSearchHitsIn forwards;pointer-events:auto}.search-hits.is--hidden{animation:var(--transition-duration) cubic-bezier(.25,.61,.355,1) scaleSearchHitsOut forwards}.search-hits--summary:is(button){margin:0 0 4px;border-bottom:1px solid #3c3c3c;padding:0 0 16px}@media(min-width:992px){.search-hits--summary:is(button){padding:0 16px 16px}}@media(hover:hover){.search-hits--summary:is(button):hover,.search-hits--summary:is(button):hover span{color:#00b9ff}}.search-hits--summary-see-all,.search-hits--summary-term{transition:var(--transition-duration) color cubic-bezier(.25,.61,.355,1);line-height:18px}.search-hits--summary-term{color:#fff;font-size:16px;font-weight:700}.search-hits--summary-see-all{color:#7c7c7c}.search-hits--summary-see-all .icon,.search-hits--summary-see-all .icon *{fill:currentColor}.search-hits--hit{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#c6c6c6;font:400 16px/42px Noto Sans,sans-serif}@media(min-width:992px){.search-hits--hit{padding:0 16px}}.search-hits--hit,.search-hits--hit b{transition:var(--transition-duration) color cubic-bezier(.25,.61,.355,1)}.search-hits--hit b{display:inline-flex;color:#fff}.search-hits--hit:focus,.search-hits--hit:hover{outline:0;cursor:pointer}.search-hits--hit:focus,.search-hits--hit:focus b,.search-hits--hit:hover,.search-hits--hit:hover b{color:#00b9ff}@keyframes scaleSearchHitsOut{66%{transform:rotateX(-25deg)}to{opacity:0;transform:rotateX(-25deg)}}@keyframes scaleSearchHitsIn{33%{opacity:1}to{opacity:1;transform:rotateX(0)}}@media(min-width:992px){.header-logo{z-index:1}}@media(max-width:991.98px){.header-logo--container{width:128px;height:32px}}@media(min-width:992px)and (max-width:1399.98px){.header-logo--container{width:50px;height:60px}}@media(min-width:1400px){.header-logo--container{width:237px;height:60px}}.header-logo--container-brandmark{background:url(/_next/static/media/gamescom-brandmark.b064290c.svg) no-repeat 50%}.header-logo--container-wordmark{background:url(/_next/static/media/gamescom-wordmark.a7e96402.svg) no-repeat 50%}