@import 'variables';
@import 'functions';

.twofas-login-configuration-step {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100vw;

  .twofas-card {
    width: 95%;
  }

  form {
    background: none;
    border: 0;
    box-shadow: none;
    font-weight: unset;
    margin-left: unset;
    margin-top: unset;
    overflow: unset;
    padding: 0;

    input[type="text"] {
      background-color: transparent;
      background-image: url('data:image/svg+xml;utf8,<svg fill="none" height="2" viewBox="0 0 195 2" width="195" xmlns="http://www.w3.org/2000/svg"><g fill="%23ed1c24"><rect height="2" rx="1" width="29.5246"/><rect height="2" rx="1" width="28.1514" x="33.6443"/><rect height="2" rx="1" width="29.5246" x="65.9155"/><rect height="2" rx="1" width="29.5246" x="99.5598"/><rect height="2" rx="1" width="28.1514" x="133.204"/><rect height="2" rx="1" width="29.5246" x="165.475"/></g></svg>');
      background-size: 195px 2px;
      background-position: bottom left;
      background-repeat: no-repeat;
      line-height: 29px;
      margin: 0 -18.5px 0 0;
      min-height: unset;
      padding: 0 0 0 8px;
      width: 213.5px;
    }
  }
}

.twofas-light-wrapper {
  + #backtoblog {
    margin: 0;
    padding: 0;
    text-align: center;
  }
}