/* v118 — Steam top-up additions that reuse the marketplace's native product/checkout styles */
.steamLoginCheckoutField{grid-column:1/-1}
.steamInlineLoginWrap{position:relative;min-width:0}
.steamInlineLoginWrap>input{width:100%;padding-right:150px!important}
.steamInlineLoginState{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;max-width:138px;height:30px;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:var(--surface2);color:var(--muted2);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.steamInlineLoginState b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:750}
.steamInlineLoginState>i{width:13px;height:13px;display:grid;place-items:center;flex:0 0 13px;border-radius:50%;font-style:normal;font-size:9px;font-weight:900}
.steamInlineLoginState.checking{color:#8bbcff}
.steamInlineLoginState.ok{color:#69d49a;border-color:color-mix(in srgb,#58c98d 35%,var(--line));background:color-mix(in srgb,#173526 55%,var(--surface2))}
.steamInlineLoginState.ok>i{background:#2d8d5c;color:#fff}
.steamInlineLoginState.error{color:#ff9aa8;border-color:color-mix(in srgb,#bd4352 40%,var(--line));background:color-mix(in srgb,#3a1d24 55%,var(--surface2))}
.steamInlineLoginState.error>i{background:#a13f4d;color:#fff}
.steamInlineLoginWrap.is-ok>input{border-color:#2f8d62!important;box-shadow:0 0 0 3px rgba(47,141,98,.08)!important}
.steamInlineLoginWrap.is-error>input{border-color:#9e4d5a!important;box-shadow:0 0 0 3px rgba(158,77,90,.08)!important}
.steamMiniSpinner{border:2px solid rgba(127,181,255,.22)!important;border-top-color:#79b7ff!important;animation:steamMiniSpin .7s linear infinite}
@keyframes steamMiniSpin{to{transform:rotate(360deg)}}
@media(max-width:520px){
  .steamInlineLoginWrap>input{padding-right:12px!important}
  .steamInlineLoginState{position:static;transform:none;margin-top:7px;max-width:100%;width:max-content;height:28px}
}