:root{--default-focus-color:#fff}.GamingInput{--background-color:color-mix(in srgb, var(--interactive-content-main-1-default) 4%, transparent);--border-color:var(--interactive-border-main-1-default);--border-width:var(--border-size-xs);--text-color:var(--interactive-content-main-1-default);--placeholder-color:var(--interactive-content-main-3-default);--label-color:var(--interactive-content-main-3-default);--label-floating-color:var(--interactive-content-main-1-default);--icon-color:var(--interactive-content-main-1-default);gap:var(--spacing-inline-s);flex-direction:column;display:flex}.GamingInput--contrast-high{--background-opacity:1;--background-opacity-hover:1;--text-color:var(--interactive-content-main-2-default);--placeholder-color:var(--interactive-content-main-4-default);--label-color:var(--interactive-content-main-4-default);--label-floating-color:var(--interactive-content-main-2-default);--icon-color:var(--interactive-content-main-2-default);--background-color:transparent}.GamingInput--contrast-high .GamingInput__wrapper{border-radius:var(--border-radius-s)}.GamingInput--contrast-high .GamingInput__wrapper:before{border-radius:inherit}.GamingInput--contrast-high .GamingInput__wrapper:after{border:var(--border-width) solid var(--border-color);border-radius:inherit;pointer-events:none;height:auto;transition:border-width .2s;top:0;bottom:0}.GamingInput--error{--border-color:var(--interactive-content-negative-1-default);--label-color:var(--interactive-content-negative-1-default);--placeholder-color:var(--interactive-content-negative-1-default);--label-floating-color:var(--interactive-content-negative-1-default);--text-color:var(--interactive-content-negative-1-default);--icon-color:var(--interactive-content-negative-1-default);--background-color:color-mix(in srgb, var(--interactive-background-negative-1-default) 4%, transparent)}.GamingInput--filled .GamingInput__element label,.GamingInput--focus .GamingInput__element label{color:var(--label-floating-color);font-family:var(--typography-label-xs-main-font-family);font-size:var(--typography-label-xs-main-font-size);font-weight:var(--typography-label-xs-main-font-weight);letter-spacing:var(--typography-label-xs-main-letter-spacing);line-height:var(--typography-label-xs-main-line-height);text-transform:var(--typography-label-xs-main-text-transform);-webkit-text-decoration:var(--typography-label-xs-main-text-decoration);-webkit-text-decoration:var(--typography-label-xs-main-text-decoration);text-decoration:var(--typography-label-xs-main-text-decoration);transform:translateY(-8px)}.GamingInput--focus{--border-width:var(--border-size-s)}.GamingInput--focus .GamingInput__element input::placeholder{opacity:1}.GamingInput--disabled{opacity:var(--opacity-state-disabled);pointer-events:none}.GamingInput--no-label .GamingInput__element input{padding:var(--spacing-inline-m) 0}.GamingInput--no-label .GamingInput__element input::placeholder{opacity:1}.GamingInput__wrapper{border-radius:var(--border-radius-s) var(--border-radius-s) 0 0;align-items:center;gap:var(--spacing-inline-m);padding:0 var(--spacing-inline-xl);background-color:var(--background-color);flex-wrap:nowrap;transition:background-color .3s;display:flex;position:relative}.GamingInput__wrapper:after{background-color:var(--border-color);content:"";height:var(--border-width);transition:height .3s;position:absolute;bottom:0;left:0;right:0}.GamingInput__icon{color:var(--icon-color);z-index:1;flex:0 0 24px;position:relative}.GamingInput__element{z-index:1;flex:1;min-width:0;position:relative}.GamingInput__element label{color:var(--label-color);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color .3s,font-size .3s,transform .3s;position:absolute;top:15px;overflow:hidden}.GamingInput__element input,.GamingInput__element label{font-family:var(--typography-label-m-main-font-family);font-size:var(--typography-label-m-main-font-size);font-weight:var(--typography-label-m-main-font-weight);letter-spacing:var(--typography-label-m-main-letter-spacing);line-height:var(--typography-label-m-main-line-height);text-transform:var(--typography-label-m-main-text-transform);-webkit-text-decoration:var(--typography-label-m-main-text-decoration);-webkit-text-decoration:var(--typography-label-m-main-text-decoration);text-decoration:var(--typography-label-m-main-text-decoration)}.GamingInput__element input{appearance:none;color:var(--text-color);min-height:56px;padding:var(--spacing-inline-2xl) 0 var(--spacing-inline-m);background:0 0;border:0;outline:none;width:100%;position:relative}.GamingInput__element input::placeholder{color:var(--placeholder-color);opacity:0}.GamingInput__element input:-webkit-autofill{-webkit-text-fill-color:var(--text-color)}.GamingInput__element input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-color)}.GamingInput__element input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color)}.GamingInput__element input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-color)}.GamingInput__element input[type=number]{-moz-appearance:textfield}.GamingInput__element input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.GamingInput__element input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.GamingInput:hover:not([disabled]){--background-color:color-mix(in srgb, var(--interactive-content-main-1-default) 8%, transparent)}.GamingInput:hover:not([disabled]).GamingInput--error{--background-color:color-mix(in srgb, var(--interactive-content-negative-1-default) 8%, transparent)}.GamingInput:hover:not([disabled])[data-state=checked],.GamingInput:hover:not([disabled])[data-state=intermediate]{--background-color:var(--interactive-background-main-1-hover)}.GamingInput:hover:not([disabled])[data-state=checked].GamingInput--error,.GamingInput:hover:not([disabled])[data-state=intermediate].GamingInput--error{--background-color:var(--interactive-background-negative-1-hover)}.GamingInput:active:not([disabled]){--background-color:color-mix(in srgb, var(--interactive-content-main-1-default) 12%, transparent)}.GamingInput:active:not([disabled]).GamingInput--error{--background-color:color-mix(in srgb, var(--interactive-content-negative-1-default) 12%, transparent)}.GamingInput:active:not([disabled])[data-state=checked],.GamingInput:active:not([disabled])[data-state=intermediate]{--background-color:var(--interactive-background-main-1-pressed)}.GamingInput:active:not([disabled])[data-state=checked].GamingInput--error,.GamingInput:active:not([disabled])[data-state=intermediate].GamingInput--error{--background-color:var(--interactive-background-negative-1-pressed)}