.steam-payments{background:var(--color-block-background);border-radius:var(--border-radius);padding:34px 40px 40px;position:relative}.steam-payments._alt{background:0 0;border-radius:0;margin-top:44px;padding:0}.steam-payments__balance{margin-bottom:25px}.steam-payments__methods{margin-top:24px}.steam-payments__summary{margin-top:30px}.steam-payments__receipt{margin-top:20px}.steam-payments__note{align-items:center;margin-top:30px;display:flex}.steam-payments__note .svg-icon{flex:none;margin-right:15px;font-size:20px}.steam-payments__logins{flex-wrap:wrap;margin:30px 0 -10px;display:flex}.steam-payments__logins .btn{margin-bottom:10px}.steam-payments__logins .btn:not(:last-child){margin-right:10px}.steam-payments__quicknav{margin:25px -7px;display:flex}.steam-payments__quicknav-col{flex:0 0 50%;padding-left:7px;padding-right:7px}@media only screen and (max-width:1440px){.steam-payments{border-radius:var(--border-radius-hd);padding:28px 30px 30px}.steam-payments__receipt{margin-top:20px}.steam-payments__methods{margin-top:16px}.steam-payments__summary,.steam-payments__logins,.steam-payments__note{margin-top:20px}.steam-payments__note .svg-icon{margin-right:15px;font-size:15px}}@media only screen and (max-width:768px){.steam-payments{background:0 0;margin-top:20px;padding:0}.steam-payments__methods{margin-top:20px}.steam-payments__receipt,.steam-payments__summary,.steam-payments__logins{margin-top:15px}.steam-payments__note{align-items:flex-start;margin-top:20px;margin-bottom:20px}.steam-payments__note .svg-icon{margin-right:15px;font-size:16px}}.methods{flex-wrap:wrap;align-items:center;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;display:flex}.methods__col{-webkit-user-select:none;user-select:none;flex:0 0 25%;min-width:1px;margin-bottom:20px;padding:0 10px}.methods__toggle{background:var(--color-block-background);border-radius:var(--border-radius);cursor:pointer;border:1px solid #0000;flex-direction:column;min-height:120px;padding:24px 30px;transition:background .25s ease-in-out,border .25s ease-in-out;display:flex}.methods__toggle:hover{background:var(--color-block-background-hover)}.methods__toggle._active .methods__toggle-icon{transform:rotate(180deg)}.methods__toggle-icon{background:var(--color-background);will-change:transform;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-top:auto;margin-bottom:3px;margin-left:auto;font-size:0;transition:transform .25s ease-in-out;display:inline-flex}.methods__toggle-icon .svg-icon{font-size:8px}@media only screen and (max-width:1800px){.spage-alt .methods__col{flex-basis:33.3333%}}@media only screen and (max-width:1440px){.methods{margin-left:-5px;margin-right:-5px}.methods__col{flex-basis:33.3333%;margin-bottom:10px;padding-left:5px;padding-right:5px}.methods__toggle{border-radius:var(--border-radius-hd);min-height:110px;padding:19px 24px}.spage-alt .methods__col{flex-basis:25%}}@media only screen and (max-width:1200px){.spage-alt .methods__col{flex-basis:33.3333%}}@media only screen and (max-width:768px){.methods{margin-bottom:0;margin-left:0;margin-right:0;display:block}.methods__col{flex-basis:100%;margin-bottom:5px;padding:0}.methods__toggle{border-radius:var(--border-radius);flex-direction:row;justify-content:center;align-items:center;min-height:70px;display:flex}.methods__toggle-title br{display:none}.methods__toggle-icon{width:25px;height:25px;margin-top:0}.methods__toggle-icon .svg-icon{font-size:10px}}.summary{align-items:center;display:flex}.summary__scope{flex-direction:column;flex:0 0 300px;display:flex}.summary__scope-row{justify-content:space-between;align-items:center;display:flex}.summary__scope-row span:first-child{padding-right:10px}.summary__scope-row:not(:last-child){margin-bottom:15px}.summary__cta{flex:auto;padding-left:60px}@media only screen and (max-width:1440px){.summary__scope{flex-basis:270px}.summary__scope-row:not(:last-child){margin-bottom:10px}.summary__cta{padding-left:40px}}@media only screen and (max-width:768px){.summary{flex-direction:column-reverse;align-items:flex-start}.summary__scope{flex-basis:100%;width:100%;margin-top:20px;padding-right:0}.summary__scope-row:not(:last-child){margin-bottom:15px}.summary__cta{width:100%;padding-left:0}}.balance{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px 25px 15px}.balance__row{align-items:center;display:flex}.balance__row:not(:last-child){margin-bottom:10px}.balance__label{flex:auto;padding-right:10px}