.f23-captcha-panel{
  --f23-captcha-blue:#0879ff;
  --f23-captcha-violet:#6548ef;
  position:relative;
  display:block;
  box-sizing:border-box;
  width:100%;
  margin:3px 0 2px;
  padding:17px;
  overflow:hidden;
  border:1px solid #cfe0f5;
  border-radius:18px;
  color:#15345e;
  background:
    radial-gradient(260px 120px at 100% 0%,rgba(104,71,240,.10),transparent 72%),
    linear-gradient(145deg,#f8fbff,#f3f8ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.f23-captcha-panel:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--f23-captcha-blue),var(--f23-captcha-violet),#d62dba);
}
.f23-captcha-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}
.f23-captcha-head>div{display:grid;gap:3px}
.f23-captcha-kicker{
  color:#667a99;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.f23-captcha-head strong{
  color:#102f59;
  font-size:14px;
  line-height:1.2;
}
.f23-captcha-refresh{
  padding:7px 10px!important;
  border:0!important;
  border-radius:10px!important;
  color:#1760c7!important;
  background:#e8f2ff!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.1!important;
  cursor:pointer;
}
.f23-captcha-refresh:hover{background:#dbeaff!important}
.f23-captcha-refresh:disabled{opacity:.55;cursor:wait}
.f23-captcha-grid{
  display:grid;
  grid-template-columns:minmax(170px,.9fr) minmax(160px,1.1fr);
  gap:12px;
  align-items:stretch;
}
.f23-captcha-visual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:64px;
  overflow:hidden;
  border:1px dashed #a9c6eb;
  border-radius:13px;
  background:#fff;
}
.f23-captcha-image{
  display:block;
  width:100%;
  height:64px;
  object-fit:cover;
}
.f23-captcha-loader{color:#6a7d97;font-size:11px;font-weight:750}
.f23-captcha-panel:not(.is-loading) .f23-captcha-loader{display:none}
.f23-captcha-answer-wrap{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
}
.f23-captcha-answer-wrap>span{
  color:#6a7a94!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.f23-captcha-answer-wrap input{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 12px!important;
  border:2px solid #9fc2f6!important;
  border-radius:13px!important;
  outline:0!important;
  color:#173b70!important;
  background:#fff!important;
  font:900 16px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.21em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
.f23-captcha-answer-wrap input:focus{
  border-color:var(--f23-captcha-violet)!important;
  box-shadow:0 0 0 4px rgba(101,72,239,.10)!important;
}
.f23-captcha-status{
  min-height:17px;
  margin-top:9px;
  color:#657993;
  font-size:10.5px;
  font-weight:700;
  line-height:1.45;
}
.f23-captcha-status.is-info{color:#245fa9}
.f23-captcha-status.is-success{color:#08764d}
.f23-captcha-status.is-error{color:#b12440}
.f23-captcha-panel.is-loading .f23-captcha-visual{opacity:.68}
@media(max-width:620px){
  .f23-captcha-panel{padding:15px}
  .f23-captcha-grid{grid-template-columns:1fr}
  .f23-captcha-image{object-fit:contain}
}