:root{
  --jl-captcha-radius:16px;
  --jl-captcha-inner-radius:11px;
}

#turnstileWidget,
.tool-captcha>div:first-child,
.advanced-captcha>div:first-child{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:65px;
  padding:6px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--brand-2) 28%,var(--line));
  border-radius:var(--jl-captcha-radius);
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand-2) 8%,var(--surface)),color-mix(in srgb,var(--brand) 5%,var(--surface-solid)));
  box-shadow:0 12px 28px color-mix(in srgb,#0b1020 10%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 20%,transparent);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

#turnstileWidget:focus-within,
.tool-captcha>div:first-child:focus-within,
.advanced-captcha>div:first-child:focus-within{
  border-color:color-mix(in srgb,var(--brand-2) 65%,var(--line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-2) 16%,transparent),0 14px 30px color-mix(in srgb,#0b1020 12%,transparent);
}

#turnstileWidget iframe,
.tool-captcha iframe,
.advanced-captcha iframe{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:var(--jl-captcha-inner-radius)!important;
  overflow:hidden!important;
}

html[data-theme="dark"] #turnstileWidget,
html[data-theme="dark"] .tool-captcha>div:first-child,
html[data-theme="dark"] .advanced-captcha>div:first-child{
  border-color:rgba(112,224,238,.24);
  background:linear-gradient(145deg,rgba(55,211,228,.075),rgba(139,121,255,.055)),#111526;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045);
}

html[data-theme="light"] #turnstileWidget,
html[data-theme="light"] .tool-captcha>div:first-child,
html[data-theme="light"] .advanced-captcha>div:first-child{
  background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand-2) 5%,#f7f8fd));
  box-shadow:0 12px 28px rgba(35,44,78,.09),inset 0 1px 0 rgba(255,255,255,.9);
}

@media(max-width:460px){
  :root{--jl-captcha-radius:14px;--jl-captcha-inner-radius:9px}
  #turnstileWidget,
  .tool-captcha>div:first-child,
  .advanced-captcha>div:first-child{padding:5px}
}
