.redeem-page{background-color:#101822;box-shadow:0 0 0 45px rgba(14,20,27,.2);color:#fff;margin:96px 0;padding:36px 80px 150px;position:relative;.redeem-title{position:absolute;top:1.5rem;left:1.5rem;font-size:22px}.redeem-logo{width:216px;height:140px}.redeem-warn{color:red;font-size:14px;text-align:center;max-width:300px}.redeem-form{display:flex;gap:50px;flex-direction:column;place-items:center}@media (max-width:600px){&{box-shadow:0 0 0 30px rgba(14,20,27,.2);padding:36px 25px 150px;transform:scale(.85)}&,.redeem-title{position:static}}}.guard{background-color:rgba(30,35,41,.39);min-width:250px;padding:15px 20px;display:flex;flex-direction:column;gap:10px;.guard-label{color:#76808C;font-size:15px}.guard-value{color:#F3F3F3;font-size:16px;text-align:center}}.profile{display:flex;flex-direction:column;gap:3px;background:#0E141B;padding:12px 16px;.profile-title{color:#76808C;font-size:16px}.profile-subtitle{color:#F3F3F3;font-size:14px;span{color:#66C0F4;font-weight:400}}.profile-steam{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#1E2329;margin-top:10px;min-width:150px;padding:6px 8px}.profile-part-1{display:flex;flex-direction:row;align-items:center;gap:12px;img{border-radius:50%;height:20px;width:20px}span{color:#F3F3F3;font-size:14px;line-height:20px}}.profile-part-2{display:flex;flex-direction:row;align-items:center;img{height:16px;width:16px}}}.readonly{display:flex;flex-direction:column;gap:10px;position:relative;label{text-transform:uppercase;font-size:12px}input{cursor:not-allowed;text-align:left}.readonly-button{position:absolute;right:14px;height:15px;width:15px;top:55%;padding:0;background:none;&:hover{transform:scale(.8)}}}.status-page{background-color:#101822;box-shadow:0 0 0 45px rgba(14,20,27,.2);color:#fff;margin:96px 0;padding:36px 80px 150px;position:relative;display:flex;gap:30px;flex-direction:column;place-items:center;.status-arrow{display:flex;justify-items:left;width:100%;background:none;top:1.5rem;left:1.5rem;padding:0;position:absolute;&:hover{transform:scale(.98)}}.status-header{display:flex;gap:50px;flex-direction:row;place-items:center;.status-logo{width:180px;height:117px}}.status-warning{display:flex;flex-direction:column;gap:8px;p{font-size:13px;color:#76808C;max-width:400px}a{color:#fff;text-decoration:none;&:hover{color:#cdc7c7}}}@media (max-width:600px){&{box-shadow:0 0 0 20px rgba(14,20,27,.2);padding:36px 25px 150px;transform:scale(.85)}&,.status-arrow{position:static}.status-header{gap:15px;flex-direction:column}.status-warning{a{max-width:330px}}}}