.qr-canvas svg{display:block;width:100%;height:auto}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#334155;cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#818cf8;border:0}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#334155}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#818cf8}.checker{background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}:where(button,select,input,textarea,a):focus-visible{outline:2px solid #818cf8;outline-offset:2px;border-radius:4px}.qr-light .bg-slate-900{background-color:#eef2f7}.qr-light .text-slate-100{color:#0f172a}.qr-light .bg-slate-800,.qr-light .bg-slate-800\/60{background-color:#fff}.qr-light .border-slate-700{border-color:#cbd5e1}.qr-light .border-slate-600,.qr-light .border-slate-500{border-color:#94a3b8}.qr-light .text-slate-400,.qr-light .text-slate-500{color:#64748b}.qr-light .text-slate-300{color:#334155}.qr-light input[type=range]{background:#cbd5e1}.qr-light input[type=range]::-moz-range-track{background:#cbd5e1}