/* Steam sign-in and profile images. */
.steam-profile-avatar{position:relative;flex-shrink:0;overflow:hidden;border-radius:4px;isolation:isolate}
.steam-profile-avatar .avatar-initials{display:grid;place-items:center;width:100%;height:100%}
.steam-profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#212b35}
.user-avatar.steam-profile-avatar{width:32px;height:32px;border:1px solid #76684e}
.profile-avatar.steam-profile-avatar{border-color:#81725a}
.steam-auth-modal.modal{width:min(560px,calc(100% - 32px));border:1px solid #695c49;background:#24211d;box-shadow:0 32px 100px #000a;border-radius:7px}
.steam-auth-modal .modal-head{display:grid;grid-template-columns:1fr auto auto;padding:19px 28px;gap:14px;background:#2b2721;border-bottom:1px solid #4b4337}
.steam-auth-modal .modal-head h2{font-size:26px;line-height:1.2;text-transform:none;letter-spacing:.2px}
.steam-auth-modal .modal-head .languages{font-size:12px;gap:7px}
.steam-auth-modal .close{border-color:#594e40;border-radius:3px}
.steam-auth-body{padding:24px 30px 22px}
.steam-auth-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#b79b70}
.steam-auth-intro h3{font-size:30px;line-height:1.15;margin:9px 0 12px;letter-spacing:.2px}
.steam-auth-intro>p{font-size:13px;line-height:1.7;color:#c6bca9;margin:0 0 19px;max-width:440px}
.steam-destination{padding:15px 20px;border:1px solid #3e5261;border-radius:4px;background:linear-gradient(135deg,#1c2d3c,#1b242d)}
.steam-provider{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #394957}
.steam-provider img{display:block;width:118px;height:auto}
.steam-provider>span{font-size:11px;color:#a5b4bf}
.steam-destination-address{padding-top:12px}
.steam-destination-address>span{display:flex;align-items:center;gap:9px}
.steam-destination-address svg{width:15px;height:15px;color:#79aac8;flex-shrink:0}
.steam-destination-address strong{font-size:16px;line-height:1.3;letter-spacing:.1px;color:#e7eef4}
.steam-destination-address small{display:block;margin:6px 0 0 24px;font-size:11px;color:#9eafbd}
.steam-continue{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;margin:16px 0 0;border:1px solid #4281a5;border-radius:4px;background:linear-gradient(110deg,#34769c,#23577b);box-shadow:inset 0 1px #7fb0ca40;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.steam-continue:hover{background:linear-gradient(110deg,#3b86b2,#2b698f);border-color:#71a4c1}
.steam-continue:focus-visible{outline:2px solid #e1c48d;outline-offset:4px}
.steam-continue svg{width:18px;height:18px}
.steam-return-note{margin:11px 0 21px;text-align:center;color:#aea596;font-size:11px;line-height:1.6}
.steam-auth-details{border-top:1px solid #4b4337;padding-top:19px;display:grid;gap:15px}
.steam-auth-details>div{display:flex;align-items:flex-start;gap:12px}
.steam-auth-details svg{width:20px;height:20px;flex-shrink:0;color:#b69d75;margin-top:1px}
.steam-auth-details p{margin:0}
.steam-auth-details strong{display:block;color:#e3dbc9;font-size:12px;font-weight:600;margin-bottom:5px}
.steam-auth-details p>span{display:block;font-size:11px;line-height:1.65;color:#afa697}
@media(max-width:550px){
  .steam-auth-modal.modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .steam-auth-modal .modal-head{padding:17px 19px;gap:10px}
  .steam-auth-modal .modal-head h2{font-size:22px}
  .steam-auth-body{padding:24px 22px 23px}
  .steam-auth-intro h3{font-size:29px}
  .steam-auth-intro>p{font-size:12px;margin-bottom:19px}
  .steam-destination{padding:15px 17px}
}
@media(max-width:360px){
  .steam-auth-modal .modal-head{padding:15px;gap:8px}
  .steam-auth-modal .modal-head h2{font-size:20px}
  .steam-auth-modal .modal-head .languages{gap:5px}
  .steam-auth-modal .close{width:30px;height:30px}
  .steam-auth-body{padding:20px 18px}
  .steam-auth-intro h3{font-size:26px}
  .steam-provider img{width:105px}
  .steam-provider>span{font-size:10px}
  .steam-destination-address strong{font-size:14px}
  .steam-destination-address small{font-size:10px}
}