.b-game-search{position:relative}.b-game-search__wrapper{position:relative;width:100%}.b-game-search__input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:100%}.b-game-search__input{padding:.5rem 3rem .5rem 2.5rem;width:100%;background:var(--color-light-grey);border:2px solid var(--color-grey);border-radius:1.125rem;color:var(--color-text);font-size:1rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__input{padding:.625rem 2.5rem .625rem 2rem;font-size:.875rem}}.b-game-search__input::-moz-placeholder{color:var(--color-dark-grey)}.b-game-search__input::placeholder{color:var(--color-dark-grey)}.b-game-search__input:focus{border-color:var(--color-brand-3);box-shadow:0 0 0 3px rgb(var(--color-brand-3) 0.1);outline:none}.b-game-search__icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--color-text-light);pointer-events:none}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__icon{left:.75rem;width:18px;height:18px}}.b-game-search__clear{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;right:.75rem;padding:0;width:2rem;height:2rem;background:rgba(0,0,0,0);border:none;border-radius:50%;cursor:pointer;color:var(--color-text-light);transition:color .2s ease,background-color .2s ease}.b-game-search__clear:hover{background-color:var(--color-grey-light);color:var(--color-text)}.b-game-search__clear.is-hidden{display:none}.b-game-search__loading{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:calc(100% + .5rem);left:0;padding:2rem;width:100%;background:var(--color-white);border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.b-game-search__loading.is-hidden{display:none}.b-game-search__spinner{width:2rem;height:2rem;border:3px solid var(--color-brand-2);border-radius:50%;border-top-color:var(--color-brand-3);animation:spin .8s linear infinite}.b-game-search__dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;width:600px;max-height:32rem;background:var(--color-white);border-radius:.75rem;box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__dropdown{width:400px;max-height:calc(100vh - 10rem)}}@media only screen and (max-width: 400px){.b-game-search__dropdown{width:340px}}.b-game-search__dropdown.is-hidden{display:none}.b-game-search__results{max-height:28rem;overflow-y:auto}.b-game-search__results::-webkit-scrollbar{width:6px}.b-game-search__results::-webkit-scrollbar-track{background:var(--color-grey-light)}.b-game-search__results::-webkit-scrollbar-thumb{background:var(--color-grey);border-radius:3px}.b-game-search__results::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.b-game-search__result-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__result-row{gap:.75rem;padding:.625rem .75rem}}.b-game-search__result-row:hover{background-color:var(--color-grey)}.b-game-search__result-row:last-child{border-bottom:none}.b-game-search__result-row:nth-child(even){background-color:var(--color-light-grey)}.b-game-search__result-thumb{flex-shrink:0;width:118px;height:55px;background:var(--color-grey-light);border-radius:.5rem;overflow:hidden}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__result-thumb{width:60px;height:28px}}.b-game-search__result-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.b-game-search__result-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;gap:.25rem;min-width:0}.b-game-search__result-title{width:100%;overflow:hidden;color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__result-title{font-size:.875rem}}.b-game-search__result-meta{color:var(--color-text-light);font-size:.875rem;line-height:1.4}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__result-meta{font-size:.75rem}}.b-game-search__result-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;gap:.5rem}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__result-actions{display:flex;flex-direction:column;align-items:center;justify-content:stretch;gap:.375rem}}.b-game-search__play-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;color:var(--color-white);font-size:.875rem;line-height:1;text-align:center;white-space:nowrap}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.b-game-search__play-btn{padding:.375rem .75rem;width:100%;font-size:.75rem}}.b-game-search__play-btn--primary{background-color:var(--color-brand-3)}.b-game-search__play-btn--primary:hover{background-color:var(--color-brand-2)}.b-game-search__play-btn--secondary{background-color:var(--color-brand-1);color:var(--color-light-black)}.b-game-search__play-btn--secondary:hover{background-color:var(--color-brand-2);color:var(--color-white)}.b-game-search__footer{padding:.75rem 1rem;background-color:var(--color-grey-light);border-top:1px solid var(--color-border)}.b-game-search__view-all{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;color:var(--color-brand-3);font-size:.875rem;text-align:center;text-decoration:none;transition:color .2s ease}.b-game-search__view-all:hover{color:var(--color-brand-2);text-decoration:underline}.b-game-search__no-results,.b-game-search__error{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:calc(100% + .5rem);left:0;padding:2rem;width:100%;background:var(--color-white);border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.b-game-search__no-results.is-hidden,.b-game-search__error.is-hidden{display:none}.b-game-search__no-results svg,.b-game-search__error svg{margin-bottom:1rem;color:var(--color-text-light)}.b-game-search__no-results p,.b-game-search__error p{margin:0 0 .5rem;color:var(--color-text);font-size:1rem;font-weight:600}.b-game-search__no-results span,.b-game-search__error span{color:var(--color-text-light);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}