.slider-captcha-overlay { position: fixed; inset: 0; z-index: 10000; background: rgb(15 23 42 / 45%); display: grid; place-items: center; padding: 16px; }
.slider-captcha-dialog { width: min(368px, 100%); box-sizing: border-box; background: #fff; color: #172238; border: 1px solid #e5e7eb; border-radius: 16px; padding: 22px; box-shadow: 0 18px 60px rgb(15 23 42 / 24%); font: 14px/1.5 system-ui, sans-serif; }
.slider-captcha-dialog header, .slider-captcha-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.slider-captcha-dialog h3 { margin: 0; font-size: 18px; }
.slider-captcha-dialog button { border: 1px solid #e3dfff; border-radius: 8px; padding: 7px 12px; color: #6048f5; background: #f7f5ff; cursor: pointer; font: inherit; }
.slider-captcha-dialog button:disabled { opacity: .55; cursor: wait; }
.slider-captcha-dialog [data-close] { border: 0; background: none; color: #68758b; font-size: 24px; padding: 0 5px; }
.slider-captcha-instruction { color: #637188; margin: 12px 0; }
.slider-captcha-picture { position: relative; width: 100%; aspect-ratio: 2; overflow: hidden; border-radius: 8px; background: #edf0f5; }
.slider-captcha-picture[hidden] { display: none; }
.slider-captcha-picture > [data-background] { width: 100%; height: 100%; display: block; }
.slider-captcha-picture > .slider-captcha-piece { position: absolute; height: auto; pointer-events: none; filter: drop-shadow(0 1px 2px #222); }
.slider-captcha-dialog [data-slider] { --slider-thumb-size: 42px; -webkit-appearance: none; appearance: none; display: block; box-sizing: border-box; width: 100%; height: 44px; margin: 14px 0 0; padding: 0; background: #f0edff; border: 1px solid #ddd6fe; border-radius: 8px; cursor: grab; touch-action: none; -webkit-user-select: none; user-select: none; }
.slider-captcha-dialog [data-slider]:disabled { opacity: .6; cursor: wait; }
.slider-captcha-dialog [data-slider]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: var(--slider-thumb-size); height: var(--slider-thumb-size); border-radius: 7px; background: #654df8; border: 9px solid #fff; box-shadow: 0 0 0 1px #d7d0ff; }
.slider-captcha-dialog [data-slider]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 7px; background: #654df8; border: 9px solid #fff; }
.slider-captcha-dialog :focus-visible { outline: 3px solid #8b75ff; outline-offset: 3px; }
.slider-captcha-status { min-height: 42px; margin: 10px 0; font-size: 13px; color: #53637a; overflow-wrap: anywhere; }
.slider-captcha-dialog small { display: block; color: #8892a1; margin-top: 14px; font-size: 11px; }