.csc-wrap{margin:14px 0;max-width:280px;font-family:inherit}
.csc-stage{position:relative;border-radius:6px;overflow:hidden;background:#e9edf2;
	box-shadow:0 1px 3px rgba(0,0,0,.15);user-select:none}
.csc-bg{display:block;width:100%;height:100%;pointer-events:none}
.csc-piece{position:absolute;top:0;left:0;pointer-events:none;
	filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.csc-refresh{position:absolute;top:6px;right:6px;width:24px;height:24px;line-height:24px;
	text-align:center;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;
	font-size:15px;z-index:3}
.csc-refresh:hover{background:rgba(0,0,0,.65)}
.csc-msg{position:absolute;left:0;bottom:0;width:100%;padding:3px 6px;font-size:12px;
	box-sizing:border-box;color:#fff;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.csc-msg.csc-ok{opacity:1;background:rgba(22,135,70,.85)}
.csc-msg.csc-bad{opacity:1;background:rgba(176,42,42,.85)}

.csc-track{position:relative;height:40px;margin-top:10px;border-radius:6px;
	background:#eef1f5;border:1px solid #d6dbe2;box-sizing:border-box}
.csc-fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:6px 0 0 6px;
	background:#cfe6d6;border-right:1px solid #67b07e}
.csc-hint{position:absolute;width:100%;text-align:center;line-height:40px;color:#9aa3ad;
	font-size:13px;pointer-events:none;transition:opacity .2s}
.csc-handle{position:absolute;left:0;top:-1px;width:42px;height:40px;border-radius:6px;
	background:#fff;border:1px solid #d6dbe2;box-shadow:0 1px 2px rgba(0,0,0,.18);
	cursor:grab;text-align:center;line-height:40px;color:#7b8794;font-size:16px;
	box-sizing:border-box;touch-action:none;z-index:2}
.csc-handle:active{cursor:grabbing}
.csc-handle.csc-good{background:#1a8a4a;color:#fff;border-color:#1a8a4a}
.csc-handle.csc-fail{background:#b02a2a;color:#fff;border-color:#b02a2a}
.csc-fallback{display:flex;align-items:center;justify-content:center;height:100%;
	padding:0 10px;text-align:center;color:#555;font-size:13px}
/* honeypot — kept off-screen, never shown to humans */
.csc-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;
	overflow:hidden;opacity:0;pointer-events:none}