.top-bar .favorites-icon{position:absolute;bottom:14px;right:15px}.top-bar .favorites-icon svg{stroke:#000;stroke-width:2px}.top-bar--button-search{width:64px;top:0;bottom:0;right:30px}.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{color:#fff;left:16px;display:none!important}@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{perspective:2000px;transform-origin:100%;pointer-events:none;--animation-duration:0s;position:absolute;top:0;bottom:0;left:16px;right:60px}.search-box.is--interactive{--animation-duration:var(--transition-duration)}@media (min-width:992px){.search-box{transform-origin:90%;width:100%;max-width:600px;left:auto;right:auto}}@media (min-width:1600px){.search-box{max-width:800px}}.search-box:before{content:"";background:#000;position:absolute;top:0;bottom:0;left:-64px;right:-64px}.search-box.is--hidden{animation:var(--animation-duration)cubic-bezier(.25,.61,.355,1)var(--animation-duration)scaleOutTo-0 forwards;transform:scale(1);display:none!important}.search-box.is--hidden .search-box--input{animation:var(--animation-duration)cubic-bezier(.25,.61,.355,1)scaleSearchBoxOut forwards}.search-box.is--shown{opacity:0;animation:var(--transition-duration)cubic-bezier(.25,.61,.355,1)scaleInTo-100 forwards;pointer-events:auto;transform:scaleX(0)}.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{animation:var(--transition-duration)cubic-bezier(.25,.61,.355,1)var(--transition-duration)scaleSearchBoxIn forwards;transform:scaleY(.025)}.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--submit,.search-box.is--shown .search-box--cancel{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--submit,.search-box.is--shown .search-box--cancel{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%;background:#1a1a1a;padding-right:48px}.search-box--input::placeholder{opacity:0;color:#7c7c7c;font:400 16px/48px Noto Sans,sans-serif}.search-box--submit:-webkit-any(button){transform-origin:50%;opacity:0;height:48px;position:absolute;top:50%;transform:translateY(-50%)scale3d(0,0,0)}.search-box--submit:is(button){transform-origin:50%;opacity:0;height:48px;position:absolute;top:50%;transform:translateY(-50%)scale3d(0,0,0)}.search-box--cancel:-webkit-any(button){transform-origin:50%;opacity:0;height:48px;position:absolute;top:50%;transform:translateY(-50%)scale3d(0,0,0)}.search-box--cancel:is(button){transform-origin:50%;opacity:0;height:48px;position:absolute;top:50%;transform:translateY(-50%)scale3d(0,0,0)}.search-box--submit{color:#00b9ff;width:48px;right:0}.search-box--submit .icon,.search-box--submit .icon *{fill:#00b9ff}.search-box--cancel{color:#fff;width:48px;right:-56px}@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:translateY(-50%)scale(1)}}@keyframes scaleSearchBoxOut{to{transform:scaleY(.025)}}@keyframes scaleSearchBoxIn{to{transform:scale(1)}}
.search-hits{transform-origin:50% 0;pointer-events:none;background:#000;padding:24px 16px 28px;position:absolute;top:64px;left:-16px;right:-60px;box-shadow:0 -16px #000}@media (max-width:991.98px){.search-hits{height:calc((var(--viewport-height,1vh)*100) - 105px);box-shadow:16px 0 #000,-16px 0 #000}}@media (min-width:992px){.search-hits{transform-origin:50% -50%;padding:4px 0 28px;top:104px;left:0;right:0}.search-hits:before,.search-hits:after{content:"";background:#000;width:50vw;position:absolute;top:-16px;bottom:0}.search-hits:before{left:-50vw}.search-hits:after{right:-50vw}.is--scrolling-down .search-hits{top:96px}}.search-hits.is--shown{opacity:0;animation:calc(var(--transition-duration)*2)cubic-bezier(.25,.61,.355,1)scaleSearchHitsIn forwards;pointer-events:auto;transform:rotateX(-25deg)}.search-hits.is--hidden{animation:var(--transition-duration)cubic-bezier(.25,.61,.355,1)scaleSearchHitsOut forwards}.search-hits--summary:-webkit-any(button){border-bottom:1px solid #3c3c3c;margin:0 0 4px;padding:0 0 16px}.search-hits--summary:is(button){border-bottom:1px solid #3c3c3c;margin:0 0 4px;padding:0 0 16px}@media (min-width:992px){.search-hits--summary:-webkit-any(button){padding:0 16px 16px}.search-hits--summary:is(button){padding:0 16px 16px}}@media (hover:hover){.search-hits--summary:-webkit-any(button):hover{color:#00b9ff}.search-hits--summary:is(button):hover{color:#00b9ff}.search-hits--summary:-webkit-any(button):hover span{color:#00b9ff}.search-hits--summary:is(button):hover span{color:#00b9ff}}.search-hits--summary-term,.search-hits--summary-see-all{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{-webkit-line-clamp:1;color:#c6c6c6;-webkit-box-orient:vertical;font:400 16px/42px Noto Sans,sans-serif;display:-webkit-box;overflow:hidden}@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{color:#fff;display:inline-flex}.search-hits--hit:focus,.search-hits--hit:hover{cursor:pointer;outline:0}.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:var(--header-logo-brandmark,url(../media/gamescom-brandmark.1eeaedcd.svg))no-repeat}.header-logo--container-wordmark{background:var(--header-logo-wordmark,url(../media/gamescom-wordmark.be3b22f1.svg))no-repeat}