[dir] hr{text-align:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}[dir] #app{text-align:center;margin-top:60px;margin:2rem 10rem}input{width:100%;display:inline-block;box-sizing:border-box}[dir] input{padding:16px 8px;margin:8px 0;border:1px solid #ccc}button{color:#fff;width:100%}[dir] button{background-color:#8ebf42;padding:14px 0;margin:10px 0;border:none;cursor:grabbing}button:hover{opacity:.8}[dir] .formcontainer{margin:24px 50px 12px}[dir=ltr] .formcontainer{text-align:left}[dir=rtl] .formcontainer{text-align:right}[dir] .payment-text{text-align:center}[dir] .container{padding:16px 0;box-shadow:0 0 10px 5px #ccc;padding:2rem 3rem}[dir=ltr] .container{text-align:left}[dir=rtl] .container{text-align:right}[dir] span.psw{padding-top:0}[dir=ltr] span.psw{float:right;padding-right:15px}[dir=rtl] span.psw{float:left;padding-left:15px}@media screen and (max-width:300px){span.psw{display:block}[dir] span.psw{float:none}}@media screen and (max-width:1000px){[dir] #app{margin:2rem 3rem}}@media screen and (max-width:525px){[dir] #app{margin:2rem 0}}