.slc{-webkit-user-select:none;user-select:none;width:320px;max-width:100%}.slc__board{background:#eee;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 6px 18px #1111111f}.slc__bg{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.slc__bg:hover{transform:none!important}.slc__piece{pointer-events:none;will-change:transform;transition:none;position:absolute;left:0;box-shadow:0 2px 8px #0006}.slc__piece:hover{transform-origin:0 0}.slc__loading{background:linear-gradient(90deg,#ececec,#f6f6f6,#ececec);width:100%;height:100%}.slc__refresh{cursor:pointer;background:#0006;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px;color:#fff!important}.slc__refresh svg{color:#fff}.slc__done{background:#166534c7;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex;position:absolute;inset:0;color:#fff!important}.slc__done svg{color:#fff}.slc__track{background:#f1f2f4;border:1px solid #e3e4e8;border-radius:10px;height:44px;margin-top:10px;position:relative;overflow:hidden}.slc__fill{background:linear-gradient(90deg,#fdba74,#f97316);border-radius:10px;position:absolute;top:0;bottom:0;left:0}.slc__label{color:#9aa1ac;pointer-events:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.slc__handle{background:var(--np-accent);cursor:grab;touch-action:none;will-change:transform;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;left:0;box-shadow:0 4px 12px #f9731673;color:#fff!important}.slc__handle:active{cursor:grabbing}.slc__handle svg{color:#fff}.slc--fail .slc__track{border-color:#ef4444;animation:.4s slc-shake}.slc--fail .slc__fill{background:#ef4444}.slc--ok .slc__fill{background:linear-gradient(90deg,#4ade80,#16a34a)}.slc--ok .slc__handle{background:#16a34a}@keyframes slc-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}60%{transform:translate(6px)}}.dark .slc__track{background:#1b1b1d;border-color:#2e2e30}.dark .slc__label{color:#8a8a8a}.dark .slc__board{background:#222}