form{width:90%}.input-group{position:relative}.input-group>label{position:absolute;top:5%;left:22px;padding:0 .3em;font-size:.6em;background:#2c4156;border-radius:2px;color:#fff}.input-group>input{font-size:1.2em;padding:1em;border-radius:.5em;width:100%;margin:.5em 0;height:4.5rem;border:2.72px solid #2c4156;background:none}.input-group>input:focus{outline:none}.error{color:red}input[type=submit]{transition:all .1s;cursor:pointer;width:100%;height:4.5rem;margin:.5em 0 0;background:#192a59;border-radius:.5em;border:none;color:#fff;font-size:1.2rem}input[type=submit]:hover{background:#1b4794}input[type=submit].disabled{cursor:wait;background:#506cb9}#contact-support{width:80%;margin:1.5rem 0;font-weight:700;font-size:.8em;line-height:1.4rem;text-align:center;color:#2c4156}#key-box{flex-flow:column nowrap;justify-content:center;background:#1c1814;border-radius:14px;margin:0 1em;width:500px;height:220px;border:2px solid;box-shadow:2px 2px 4px -2px grey;text-align:center}#key-box,#steam-key{display:flex;align-items:center}#steam-key{color:#fff;font-weight:600;font-size:24px;flex-grow:0.8}#copy-steam-key{color:#9688ee;align-self:auto;display:flex;cursor:pointer}#copy-icon{margin-left:10px}#steam-help{font-size:.8em;font-weight:700;line-height:1.4rem;margin:1.5rem 0;text-align:center;width:80%;color:#fff}#steam-redeem-help-link{color:#9688ee}@media (max-width:900px){#key-box{width:300px}#steam-help{font-size:.75em;line-height:unset}}body{background-image:url(/packs/media/images/SonicFrontiers/background-fbe25c0ea34db8f66b05233c4ff61017.png)}.publisher-logo{margin:2em 0}.product-logo{height:180px;margin:1.5em 0}.container .code-redeemed{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.6));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:660px;max-width:90vw}.container .code-redeem-box #instructions{font-size:1.25em}.container .code-redeem-box #steam-help{color:#2c4156}@media (max-width:1300px){.publisher-logo{margin:.8em 0}.product-logo{height:140px}}@media (max-width:900px){body{background-position:70% 50%!important}}@media (max-width:420px){.publisher-logo{margin:.7em 0}}*{font-family:ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,游ゴシック,游ゴシック体,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ ゴシック,MS Gothic,HiraKakuProN-W3,TakaoExゴシック,TakaoExGothic,MotoyaLCedar,Droid Sans Japanese,sans-serif}*,:after,:before{box-sizing:border-box}body{padding:0;margin:0;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-color:#000}.dark-text{color:#2c4156}.light-text{color:#fff}.container{display:flex;flex-flow:column nowrap;min-height:100vh}.container-top{display:flex;flex-flow:row nowrap;align-content:center;padding:0 5%;flex-grow:1}.container-left{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%}.container-right{width:100%}.footer{display:flex;justify-content:center}@media (max-width:420px){input[type=text]{font-size:1em;height:3rem}input[type=submit]{font-size:1em;height:3rem}.footer{font-size:.7em}body{overflow-y:visible}}@media (max-width:900px){.container-right{display:none}}@media (max-height:1080px){body{overflow-y:visible}}@media (max-width:1300px){input[type=text]{height:4rem}input[type=submit]{height:4rem}}#brand{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}#copyright{color:#fff;text-align:center}#instructions{font-size:1.4em;font-weight:700;line-height:2rem}#expired,#instructions{margin:.5em 1em;text-align:center;width:90%}#expired{padding:15px 0;background:#1b3c93;border-radius:.5em;color:#fff}#reminder{margin:.5em 1em;width:90%;background:orange;border-radius:.5em;padding:.5em}.code-redeem-box{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;border-radius:60px;box-shadow:2px 2px 4px -2px grey;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.6));max-width:770px}.code-redeemed{background:rgba(0,0,0,.63);-webkit-backdrop-filter:blur(41px);backdrop-filter:blur(41px)}.product-container{display:flex;flex-flow:column nowrap;justify-content:center;width:100%;align-items:center}@media (max-width:900px){.code-redeem-box{width:unset}#instructions{font-size:.9em;line-height:unset;width:unset}#contact-support{font-size:.75em}}@media (max-width:1300px){#instructions{font-size:1.2em}#contact-support{margin:.8em 0;font-size:.7em}#brand{margin:.5em 0}}@media (max-width:420px){.code-redeem-box{border-radius:32px}#instructions{font-size:1em}#contact-support{margin:.7em 0;font-size:.7em;width:90%}#brand{margin:.7em 0}#reminder{font-size:75%}}