.game-search-toggle[_ngcontent-ng-c3406594515] { position: relative; border-radius: 0.375rem; background-color: hsl(var(--tertiary-200) / .05); }
.game-search-toggle[_ngcontent-ng-c3406594515] .search-icon[_ngcontent-ng-c3406594515] { pointer-events: none; position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; padding-left: 1rem; color: hsl(var(--tertiary-950) / .3); }
.game-search-toggle[_ngcontent-ng-c3406594515] .input-style[_ngcontent-ng-c3406594515] { display: block; height: 3.125rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0.25rem; border-width: 0.5px; border-color: hsl(var(--tertiary-950) / .15); background-color: transparent; padding-top: 0.563rem; padding-bottom: 0.563rem; padding-left: 3rem; font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.game-search-toggle[_ngcontent-ng-c3406594515] .input-style[_ngcontent-ng-c3406594515]::placeholder { background-color: transparent; color: hsl(var(--tertiary-950) / .3); }
.game-search-toggle[_ngcontent-ng-c3406594515] .input-style[_ngcontent-ng-c3406594515]:focus { border-color: hsl(var(--tertiary-foreground) / .5); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }