.fql-wrap{
  max-width:420px;margin:20px auto;padding:24px;border:1px solid #e5e5e5;
  border-radius:12px;background:#fff;box-sizing:border-box;font-family:inherit
}
.fql-title{margin:0 0 18px;text-align:center;font-size:24px}
.fql-wrap label{display:block;margin:0 0 7px;font-weight:600}
.fql-wrap input{
  width:100%;box-sizing:border-box;padding:12px 14px;margin:0 0 12px;
  border:1px solid #cfcfcf;border-radius:8px;font-size:18px;text-align:right
}
.fql-button{
  width:100%;padding:12px 16px;border:0;border-radius:8px;cursor:pointer;
  font-size:16px;font-weight:700
}
.fql-button:disabled,.fql-resend:disabled{opacity:.55;cursor:not-allowed}
.fql-channels{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
  margin:0 0 12px;padding:0;border:0
}
.fql-channels legend{margin:0 0 7px;font-weight:600}
.fql-channels label{position:relative;margin:0;cursor:pointer}
.fql-wrap .fql-channels input{
  position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none
}
.fql-channels span{
  display:block;padding:10px;border:1px solid #cfcfcf;border-radius:8px;
  text-align:center;font-weight:600
}
.fql-channels input:checked+span{border-color:#111;background:#111;color:#fff}
.fql-channels input:focus-visible+span{outline:2px solid #2271b1;outline-offset:2px}
.fql-message{min-height:22px;margin:0 0 12px;font-size:14px}
.fql-message.is-error{color:#b42318}
.fql-message.is-success{color:#067647}
.fql-resend,.fql-change-phone{
  margin-top:10px;background:none;border:0;text-decoration:underline;cursor:pointer;padding:4px
}
.fql-code-form input{direction:ltr;text-align:center;letter-spacing:.35em;font-size:24px}
.fql-logged-in{text-align:center}