.steam-amount {
  position:relative;
  padding:34px 40px 40px;
  background:var(--color-block-background);
  border-radius:var(--border-radius)
}
.steam-amount__selector {
  display:flex;
  align-items:center;
  margin-top:24px
}
.steam-amount__input {
  width:100%;
  padding:0 20px 0 0;
  font-family:PTRootUIWebVF,notdefPT,sans-serif;
  font-size:48px;
  line-height:1.25;
  color:currentcolor;
  background:transparent;
  border:0;
  font-variation-settings:"wght" 700;
  -webkit-apperance:none;
  box-shadow:none
}
@supports not (font-variation-settings:normal) {
  .steam-amount__input {
    font-family:PTRootUIWeb,sans-serif;
    font-weight:700
  }
}
.steam-amount__currencies {
  margin-left:auto
}
.steam-amount__hotkeys {
  display:flex;
  align-items:center;
  margin-top:24px;
  margin-bottom:-10px;
  padding-top:30px;
  flex-wrap:wrap
}
.steam-amount__hotkeys._uid {
  margin-top:0;
  padding-top:0
}
.steam-amount__hotkey {
  margin-bottom:10px
}
.steam-amount__hotkey:not(:last-child) {
  margin-right:10px
}
.steam-amount__hotkey._active.btn {
  --default-opacity:0.7;
  --hover-opacity:1
}
.steam-amount._alt {
  padding:0
}
.steam-amount._alt .steam-amount__selector {
  margin-top:14px
}
.steam-amount._alt .steam-amount__header {
  padding:29px 40px 0
}
.steam-amount._alt .steam-amount__header .text-sm {
  font-size:12px
}
.steam-amount._alt .steam-amount__input {
  padding:0 40px 30px;
  font-size:24px
}
@media only screen and (max-width:1440px) {
  .steam-amount {
    padding:30px;
    border-radius:var(--border-radius-hd)
  }
  .steam-amount__input {
    font-size:38px
  }
  .steam-amount__hotkeys {
    padding-top:20px
  }
  .steam-amount__hotkeys._uid {
    padding-top:0
  }
  .steam-amount__hotkey:not(:last-child) {
    margin-right:5px
  }
  .steam-amount._alt .steam-amount__selector {
    margin-top:14px
  }
  .steam-amount._alt .steam-amount__header {
    padding:24px 30px 0
  }
  .steam-amount._alt .steam-amount__header .text-sm {
    font-size:12px
  }
  .steam-amount._alt .steam-amount__input {
    padding:0 30px 24px;
    font-size:18px
  }
}
@media only screen and (max-width:768px) {
  .steam-amount {
    padding:0;
    background:transparent;
    border-radius:0
  }
  .steam-amount__main {
    padding:25px 25px 20px;
    background:var(--color-block-background);
    border-radius:var(--border-radius)
  }
  .steam-amount__selector {
    margin-top:18px
  }
  .steam-amount__input {
    font-size:38px
  }
  .steam-amount__hotkeys-wrapper {
    position:relative;
    margin-left:-25px;
    margin-right:-25px
  }
  .steam-amount__hotkeys-wrapper:after {
    position:absolute;
    content:" ";
    display:inline-block;
    top:-5px;
    right:0;
    bottom:0;
    width:25px;
    height:50px;
    margin-top:0;
    background:linear-gradient(90deg,rgba(var(--color-background-rgb),0) 0,var(--color-background) 100%);
    pointer-events:none
  }
  .steam-amount__hotkeys {
    position:relative;
    margin-top:15px;
    padding-top:0;
    padding-left:25px;
    padding-right:25px;
    border-top:0;
    overflow-x:auto;
    flex-wrap:nowrap
  }
  .steam-amount__hotkeys::-webkit-scrollbar {
    width:6px;
    height:6px
  }
  .steam-amount__hotkeys::-webkit-scrollbar-track {
    background:#333
  }
  .steam-amount__hotkeys::-webkit-scrollbar-thumb {
    background:#555;
    border-radius:6px
  }
  .steam-amount__hotkeys::-webkit-scrollbar-thumb:hover {
    background:#777
  }
  .steam-amount__hotkeys._uid {
    flex-wrap:wrap;
    overflow:auto;
    margin-top:15px
  }
  .steam-amount__hotkey {
    flex:0 0 auto
  }
  .steam-amount__hotkey:not(:last-child) {
    margin-right:5px
  }
  .steam-amount._alt .steam-amount__selector {
    margin-top:14px
  }
  .steam-amount._alt .steam-amount__main {
    padding:0
  }
  .steam-amount._alt .steam-amount__header {
    padding:24px 30px 0
  }
  .steam-amount._alt .steam-amount__header .text-sm {
    font-size:12px
  }
  .steam-amount._alt .steam-amount__input {
    padding:0 30px 24px;
    font-size:18px
  }
}
.selector {
  display:flex;
  padding:5px;
  background:var(--color-background);
  border-radius:25px
}
.selector__tab {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  padding:9px 15px;
  color:var(--color-font-80);
  border-radius:var(--border-radius);
  transition:background .25s ease-in-out,color .25s ease-in-out;
  cursor:pointer
}
.selector__tab:not(:last-child) {
  margin-right:5px
}
.selector__tab:hover {
  color:var(--color-font);
  background:var(--color-block-background-hover)
}
.selector__tab._active {
  color:var(--color-font-elements);
  background:var(--color-primary)
}
.selector__tab-cur {
  min-width:20px;
  min-height:20px;
  margin-right:5px;
  font-size:18px;
  text-align:center
}
@media only screen and (max-width:1440px) {
  .selector__tab {
    padding:5px 10px;
    border-radius:var(--border-radius-hd)
  }
  .selector__tab-cur {
    font-size:16px
  }
}
@media only screen and (max-width:768px) {
  .selector {
    border-radius:25px
  }
  .selector__tab {
    min-height:30px;
    padding:5px;
    border-radius:50%
  }
  .selector__tab-cur {
    min-height:1px;
    margin-right:0;
    font-size:14px
  }
  .selector__tab-name {
    display:none
  }
}