[data-keyboard-viewer-mount]{position:relative;width:100%;overflow:hidden;background:transparent;contain:layout paint}[data-keyboard-viewer-mount] [data-keyboard-viewer-root],[data-keyboard-viewer-mount] .keyboard-viewer{width:100%;height:100%;min-height:clamp(260px,62vw,640px)}[data-keyboard-viewer-mount] .keyboard-viewer{position:relative;overflow:hidden;background:transparent;isolation:isolate;touch-action:pan-y}[data-keyboard-viewer-mount] .keyboard-viewer canvas{display:block;width:100%;height:100%;outline:none;cursor:grab;touch-action:none}[data-keyboard-viewer-mount] .keyboard-viewer canvas:active{cursor:grabbing}[data-keyboard-viewer-mount] .keyboard-viewer canvas:focus-visible{outline:3px solid #0891b2;outline-offset:-3px}[data-keyboard-viewer-mount] .keyboard-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10.4px;color:#334155;font:500 14px/1.25 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;pointer-events:none}[data-keyboard-viewer-mount] .keyboard-viewer__spinner{width:24px;height:24px;border:2px solid rgb(148 163 184 / 45%);border-top-color:#0891b2;border-radius:9999px;animation:keyboard-viewer-spin .8s linear infinite}@keyframes keyboard-viewer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){[data-keyboard-viewer-mount] .keyboard-viewer__spinner{animation:none;border-top-color:#64748b}}@media (max-width: 480px){[data-keyboard-viewer-mount] [data-keyboard-viewer-root],[data-keyboard-viewer-mount] .keyboard-viewer{min-height:260px}}canvas.svelte-o3oskp{display:block}