[data-theme=sign-lab]{--sl-line:var(--color-accent);--sl-ok:#138a54;--sl-warn:#ffd400;--sl-skin:#f6dccb;--sl-skin-line:#e2b9a2;--sl-lip:#d77a72;--sl-in:#3b1d22;--sl-teeth:#fffaf3;--sl-tongue:#e48f88;--sl-cam-bg:#141414}.sl-cam{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--sl-cam-bg);color:#fff;outline-offset:-2px;outline:2px solid #0000;transition:outline-color .2s;position:relative;overflow:hidden}.sl-cam[data-ok]{outline-color:var(--sl-ok)}.sl-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.sl-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sl-cam-msg{text-align:center;place-content:center;justify-items:center;gap:.75rem;padding:1.5rem;display:grid;position:absolute;inset:0}.sl-cam-chip{white-space:nowrap;background:#0000008c;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.sl-target{border-radius:var(--radius-md);color:#141414;text-align:center;background:#fff;min-width:3rem;padding:.15rem .6rem;font-size:1.9rem;font-weight:800;line-height:1.35;position:absolute;top:.75rem;left:.75rem}.sl-count{color:#fff;text-shadow:0 2px 12px #00000080;place-items:center;font-size:6rem;font-weight:800;display:grid;position:absolute;inset:0}.sl-rec{background:var(--color-accent);transform-origin:0;height:5px;position:absolute;top:0;left:0;right:0}.sl-okpop{color:#fff;pointer-events:none;place-items:center;font-size:7rem;font-weight:800;animation:.8s cubic-bezier(.34,1.56,.64,1) both sl-okpop;display:grid;position:absolute;inset:0}.sl-okpop:before{content:"";background:var(--sl-ok);z-index:-1;border-radius:50%;width:9rem;height:9rem;position:absolute}@keyframes sl-okpop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sl-okpop{opacity:.9;animation:none}}.sl-score{border-radius:var(--radius-md);color:#141414;background:#fff;padding:.2rem .7rem;font-size:1.6rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.sl-mouth svg{width:100%;height:auto;display:block}.sl-skin{fill:var(--sl-skin)}.sl-nose{fill:none;stroke:var(--sl-skin-line);stroke-width:3px;stroke-linecap:round}.sl-lip{fill:var(--sl-lip)}.sl-in{fill:var(--sl-in)}.sl-teeth{fill:var(--sl-teeth)}.sl-tongue{fill:var(--sl-tongue)}.sl-seam{fill:none;stroke:var(--sl-in);stroke-width:2.5px;stroke-linecap:round}.sl-choice{border:1px solid var(--color-border);border-radius:var(--radius-lg);place-items:center;gap:.1rem;min-height:4.5rem;font-size:1.35rem;font-weight:700;display:grid;position:relative}.sl-key{color:var(--color-muted-fg);font-size:.7rem;font-weight:500;position:absolute;top:.4rem;left:.6rem}.sl-choice:hover:not(:disabled){background:var(--color-muted)}.sl-choice small{color:var(--color-muted-fg);font-size:.7rem;font-weight:500}.sl-choice[data-state=right]{border-color:var(--sl-ok);background:color-mix(in srgb, var(--sl-ok) 10%, transparent)}.sl-choice[data-state=wrong]{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.sl-choice[data-state=same]{border-style:dashed;border-color:var(--sl-ok)}
