.steam-pay-counter{display:flex;align-items:center;margin-left:auto;margin-top:20px}@media all and (min-width: 640px){.steam-pay-counter{margin-top:0}}.steam-pay-counter img{width:18px;height:18px;margin-right:6px}.steam-pay-counter.fade-enter-active,.steam-pay-counter.fade-leave-active{transition:opacity .3s ease}.steam-pay-counter.fade-enter-from,.steam-pay-counter.fade-leave-to{opacity:0}.steam-pay-form{display:flex;flex-direction:column;gap:20px;margin-bottom:16px;background:var(--theme-color-background-content);border-radius:12px}@media all and (min-width: 640px){.steam-pay-form{flex-direction:row;height:104px}}.steam-pay-form .form-section{flex:1}.steam-pay-form .form-section .field__icon.icon--tick{color:var(--theme-color-signal-positive-default)}.steam-pay-form__net-amount{margin-top:-2px;color:var(--theme-color-signal-positive-default);font-size:14px}.steam-pay-form__submit{align-self:flex-start}@media all and (min-width: 640px){.steam-pay-form__submit-container{display:flex;align-items:center}}.steam-pay-form__promo-code{font-size:13px;line-height:18px}@media (hover: hover){.steam-pay-form__promo-code:hover{opacity:.72}}.steam-pay-form__promo-code{font-weight:400;color:var(--theme-color-signal-active-default);cursor:pointer}@media all and (min-width: 640px){.modal--steam-pay{background-color:var(--color-white);max-height:600px}}:root{--safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) }@keyframes underlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes modal-enter-slide{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.steam-pay-header{position:relative;background:var(--theme-color-background-content);border-radius:var(--layout-island-border-radius);padding:60px var(--layout-content-offset-x) 24px;overflow:hidden;margin-bottom:var(--layout-content-offset-x)}.steam-pay-header__background{position:absolute;top:0;left:0;width:100%;height:auto;z-index:0}.steam-pay-header__logo{position:relative;z-index:1;display:block;width:200px;height:auto;margin-bottom:24px}@media all and (min-width: 640px){.steam-pay-header__logo{margin-bottom:32px}}.steam-pay-header__title{font-size:28px;line-height:40px;font-weight:500;margin-bottom:8px}.steam-pay-header__description{margin-bottom:24px}@media all and (min-width: 640px){.steam-pay-header__description{margin-bottom:32px}}.steam-pay-content h2,.steam-pay-content h3,.steam-pay-content ul,.steam-pay-content ol,.steam-pay-content p{margin-bottom:8px}.steam-pay-content h2:last-child,.steam-pay-content h3:last-child,.steam-pay-content ul:last-child,.steam-pay-content ol:last-child,.steam-pay-content p:last-child{margin-bottom:0}.steam-pay-content b,.steam-pay-content strong{font-weight:700}.steam-pay-content p+h3,.steam-pay-content ul+h3,.steam-pay-content ol+h3{margin-top:20px}.steam-pay-content h2{font-weight:500;font-size:22px;line-height:30px}.steam-pay-content h3{font-size:20px;line-height:28px;font-weight:500}.steam-pay-content ul,.steam-pay-content ol{list-style-type:disc;list-style-position:outside;padding-left:24px}.steam-pay-content ul li,.steam-pay-content ol li{padding-left:8px;margin-bottom:8px}.steam-pay-content ul li:last-child,.steam-pay-content ol li:last-child{margin-bottom:0}.steam-pay-content ol{list-style-type:decimal}.steam-pay-content p a,.steam-pay-content ul a{color:var(--theme-color-signal-active-default);cursor:pointer}@media (hover: hover){.steam-pay-content p a:hover,.steam-pay-content ul a:hover{color:var(--theme-color-signal-active-dark)}}.steam-pay-content{background:var(--theme-color-background-content);border-radius:var(--layout-island-border-radius);padding:20px var(--layout-content-offset-x);overflow:hidden}.steam-pay-content p{padding-right:14px}.steam-pay-content a{color:var(--theme-color-signal-active-default);cursor:pointer}@media (hover: hover){.steam-pay-content a:hover{color:var(--theme-color-signal-active-dark)}}.steam-pay-content .spacer{height:8px}.steam-pay-content:not(:last-child){margin-bottom:var(--layout-content-offset-x)}