body { width:100vw;height:100vh;margin:0px;padding:0px;font-family:Helvetica;font-size:2.5vw;text-align:justify;color:rgb(20,20,21);background-color:rgb(250,250,253);-webkit-text-size-adjust:none;-webkit-user-select:none; }
a { color:black; text-decoration:none; cursor:pointer; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
table { border-collapse:collapse; }
table, th, td { border: 1px solid black; }
th, td { height:3vw; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.third {
  float: left;
  width: calc((100% - 32px) / 3);
  padding: 0;
  margin: 0 16px 16px 0;
}

.third:last-of-type {
  margin-right: 0;
}

.sq-input {
  font-size: 1.6vw;
  padding-left:3%;
  height: 56px;
  box-sizing: border-box;
  border: 1px solid #E0E2E3;
  background-color: white;
  border-radius: 6px;
  display: inline-block;
  -webkit-transition: border-color .2s ease-in-out;
     -moz-transition: border-color .2s ease-in-out;
      -ms-transition: border-color .2s ease-in-out;
          transition: border-color .2s ease-in-out;
}

.sq-input--focus {
  border: 1px solid #4A90E2;
}

.sq-input--error {
  border: 1px solid #E02F2F;
}

#sq-card-number {
  margin-bottom: 16px;
}

.button-credit-card {
  background: #222222;
  border-radius: 0.6vw;
  cursor: pointer;
  display: block;
  color: #FFFFFF;
  text-align: center;
  font-size:3vw;
  -webkit-transition: background .2s ease-in-out;
     -moz-transition: background .2s ease-in-out;
      -ms-transition: background .2s ease-in-out;
          transition: background .2s ease-in-out;
}

.button-credit-card:hover {
  background-color: #000000;
}

@media all and (max-width:400px)
{
}
@media all and (max-width:550px)
{
}
@media all and (min-width:551px)
{
}