*{margin:0;padding:0;font-family:Heebo,sans-serif}body{background-color:#fbfbff;color:#434d5a}p{font-weight:400;font-size:1rem;line-height:1.5625rem;margin:0}h1{font-weight:700;font-size:3.125rem;line-height:3.875rem}h2{font-weight:700;font-size:2.375rem;line-height:2.625rem}h3{font-weight:700;font-size:1.5625rem;line-height:2.125rem}h4{font-weight:500;font-size:1.25rem;line-height:1.875rem}h5,h6{font-weight:500;font-size:1.125rem;line-height:1.5625rem}h7{font-weight:400;font-size:.875rem;line-height:1.125rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important}input:-webkit-autofill:disabled{-webkit-box-shadow:0 0 0 30px #f5f7f8 inset!important}input:-webkit-autofill:focus,input:-webkit-autofill:focus-within{-webkit-box-shadow:0 0 0 30px #fafbff inset!important}.character{border-radius:6px;font-size:16px;border-color:#9ba3ae}.character--filled{background-color:#eceffd;border-color:#eceffd}.character--inactive{background-color:transparent}.character--selected{position:relative;outline:none;border-color:#2240c4;color:#000}.character--selected:empty:after{content:"";display:block;width:1px;height:20px;animation:blink 1s steps(1) infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#252525}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media screen and (max-width: 350px){.container{width:300px}}@media screen and (max-width: 300px){.container{width:200px}}