html{scrollbar-gutter:stable}body{font-family:Nunito Sans,sans-serif}.page-bg--gradient{background-color:#fff;background-image:linear-gradient(#cfe8f5,#fff),linear-gradient(#fff,#cfe8f5);background-position:top,bottom;background-repeat:no-repeat,no-repeat;background-size:100% 360px,100% 360px}.page-bg--solid{background-color:#cfe8f5}:root{--btn-text:#333;--btn-font-family:"Nunito Sans", sans-serif;--btn-radius:6px;--btn-transition:background-color .3s, border-color .3s, color .3s;--btn-pad:.4rem .7rem;--btn-font:.9rem;--btn-bg:#dff6fb;--btn-border:#9bd7e6;--btn-hover-bg:#c9f0f8;--btn-hover-border:#6fc2d6;--btn-sel-bg:#5cdbef;--btn-sel-border:#003fae;--btn-sel-text:#003fae;--ui-btn-bg:#fcf6dd;--ui-btn-border:#e3d28f;--ui-btn-hover-bg:#f8edc0;--ui-btn-hover-border:#cdb55f;--ui-btn-sel-bg:#f4d35e;--ui-btn-sel-border:#9a7d00;--ui-btn-sel-text:#594600}.klv-title h1{margin-left:10%}.toggle-btn{background-color:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);border-radius:var(--btn-radius);padding:var(--btn-pad);font-size:var(--btn-font);font-family:var(--btn-font-family);cursor:pointer;transition:var(--btn-transition)}.toggle-btn:hover:not(.selected){background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.toggle-btn--passive{cursor:default}.toggle-btn--passive:hover:not(.selected){background-color:var(--btn-bg);border-color:var(--btn-border)}.toggle-btn.selected{background-color:var(--btn-sel-bg);border-color:var(--btn-sel-border);color:var(--btn-sel-text);font-weight:700}.toggle-btn--ui{--btn-bg:var(--ui-btn-bg);--btn-border:var(--ui-btn-border);--btn-hover-bg:var(--ui-btn-hover-bg);--btn-hover-border:var(--ui-btn-hover-border);--btn-sel-bg:var(--ui-btn-sel-bg);--btn-sel-border:var(--ui-btn-sel-border);--btn-sel-text:var(--ui-btn-sel-text)}.toggle-btn--ret{--btn-bg:#f3e7e3;--btn-border:#cca096;--btn-hover-bg:#ecd6d0;--btn-hover-border:#bd8d82}.toggle-btn--lg{padding:.7rem 1.25rem;font-size:1.1rem}.toggle-btn--lg:not(.selected){font-weight:600}.toggle-btn--sm{padding:.35rem .65rem}.toggle-btn--seg{border:none;border-right:1px solid var(--btn-border);border-radius:0;flex:1;min-width:0}.mapping-and-details-container{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;width:95%;padding:1rem;display:grid}.keyboard-frame{fill:#fff4e6;stroke:#000}.keyboard-frame-side-left{filter:brightness(75%)}.keyboard-frame-side-bottom{filter:brightness(50%)}.keyboard-frame-group.animating{animation:1s ease-in-out forwards keyboardFrameMove}@keyframes keyboardFrameMove{0%{transform:translate(var(--from-x), var(--from-y))}to{transform:translate(var(--to-x), var(--to-y))}}.keyboard-frame.animating{animation:1s ease-in-out forwards keyboardFrameResize}@keyframes keyboardFrameResize{0%{width:var(--from-width)}to{width:var(--to-width)}}.key-group.animating{animation:1s ease-in-out forwards keyMove}@keyframes keyMove{0%{transform:translate(var(--from-x), var(--from-y))}to{transform:translate(var(--to-x), var(--to-y))}}.key-outline{stroke:#000;fill:none}.left-skew{transform-box:fill-box;transform-origin:100% 0;transform:skewY(-45deg)}.bottom-skew{transform-box:fill-box;transform-origin:0 0;transform:skew(-45deg)}.key-side-left{filter:brightness(75%)}.key-side-bottom{filter:brightness(50%)}.key-outline.unlabeled{fill:#e7e7e7}.key-outline.edge-key{fill:#729bac}.key-outline.highlighted-key{fill:#c6b07c}.key-outline.home-key{fill:#c3f3ac}.viz-plain .key-outline{fill:#faf5eb}.viz-plain .key-outline.home-key{fill:#ebdcb9}.viz-plain .key-outline.edge-key{fill:#d5cbbe}.viz-plain .key-outline.highlighted-key{fill:#cca096}.key-outline.command-key-border{filter:brightness(80%)}.key-outline.home-key-border{filter:brightness(130%);stroke-width:3px}.key-outline.effort-10{fill:#f3eaac}.key-outline.effort-15{fill:#f1bd7d}.key-outline.effort-20{fill:#dd8e6d}.key-outline.effort-30{fill:#c35221}.key-ribbon{border-color:#0000}.same-finger{fill:#f3eaac;background-color:#f3eaac}.same-hand{fill:#f6d187;background-color:#f6d187}.swap-hands{fill:#f3bfac;background-color:#f3bfac}.key-size-square{fill:#faf5eb}.key-size-0{fill:#fb7b77}.key-size-1{fill:#fdc170}.key-size-2{fill:#f3f87f}.key-size-3{fill:#98f786}.key-size-4{fill:#69ebfc}.key-size-5{fill:#6d9efc}.key-size-6{fill:#937df8}.key-size-7{fill:#f78ef0}.key-label{transform:translateX(var(--to-label-x));font-family:Verdana,sans-serif;font-size:24px}.key-label.bold{font-weight:700}.key-label.italic{font-family:Nunito Sans,sans-serif;font-size:20px;font-style:italic}.key-label.keyboard-symbol{text-anchor:middle;dominant-baseline:central;font-size:28px}.key-label.key-name{text-anchor:middle;dominant-baseline:central;font-size:21px}.frequency-circle{fill:#f3eaac}.home-marker-circle{fill:#9c9c9c}.stagger-line{stroke:#e33c3c;stroke-width:2px;background-color:#ef7272}.hand-stagger-line{stroke:#a9daa9;stroke-width:10px;background-color:#a9daa9}.bigram-line{stroke-width:0}.bigram-line.same-row{stroke:green}.bigram-line.neighboring-row{stroke:#ff0}.bigram-line.opposite-row,.bigram-line.opposite-lateral{stroke:orange}.bigram-line.alt-finger{stroke:#00f}.bigram-line.piano-alt-finger{stroke:purple}.bigram-line.same-finger-bigram{stroke:red}.bigram-line.bigram-rank-1{stroke-width:6px}.bigram-line.bigram-rank-2{stroke-width:4px}.bigram-line.bigram-rank-3{stroke-width:3px}.bigram-line.bigram-rank-4{stroke-width:2px}.stagger-line-animating{animation:1s ease-in-out forwards staggerLineMove}@keyframes staggerLineMove{0%{transform:translateX(var(--from-offset))}to{transform:translateX(var(--to-offset))}}.key-outline.animating{animation:1s ease-in-out forwards keyResize}@keyframes keyResize{0%{width:var(--from-width)}to{width:var(--to-width)}}.bottom-skew.animating{animation:1s ease-in-out forwards isoBottomResize}@keyframes isoBottomResize{0%{width:var(--from-bottom-width)}to{width:var(--to-bottom-width)}}.key-ribbon.animating{animation:1s ease-in-out forwards ribbonResize}@keyframes ribbonResize{0%{width:var(--from-ribbon-width)}to{width:var(--to-ribbon-width)}}.key-label.animating{animation:1s ease-in-out forwards labelMove}@keyframes labelMove{0%{transform:translateX(var(--from-label-x))}to{transform:translateX(var(--to-label-x))}}.pinky{fill:#bca7d4}.ringy{fill:#a3bfd9}.middy{fill:#a1c67e}.lindex{fill:#ddd88c}.rindex{fill:#c6b4a5}.lthumb{fill:#d7a86e}.rthumb{fill:#d8a39d}.key-effort-legend-item{text-align:center;border:1px solid #000;width:3rem;margin:.2rem .5rem .2rem .2rem;padding:.3rem;display:inline-block}.key-effort-legend-item.home-key{background-color:#c3f3ac}.key-effort-legend-item.effort-10{background-color:#f3eaac}.key-effort-legend-item.effort-15{background-color:#f1bd7d}.key-effort-legend-item.effort-20{background-color:#dd8e6d}.key-effort-legend-item.effort-30{background-color:#c35221}.keysize-legend-item{text-align:center;border:1px solid #000;width:3rem;margin:.2rem .5rem .2rem .2rem;padding:.3rem;display:inline-block}.keysize-legend-item.key-size-square{background:#faf5eb}.keysize-legend-item.key-size-0{background:#fb7b77}.keysize-legend-item.key-size-1{background:#fdc170}.keysize-legend-item.key-size-2{background:#f3f87f}.keysize-legend-item.key-size-3{background:#98f786}.keysize-legend-item.key-size-4{background:#69ebfc}.keysize-legend-item.key-size-5{background:#6d9efc}.keysize-legend-item.key-size-6{background:#937df8}.keysize-legend-item.key-size-7{background:#f78ef0}.bigram-effort-legend-item{text-align:center;border:1px solid #000;width:3rem;margin:.2rem .5rem .2rem .2rem;padding:.3rem;display:inline-block}.bigram-effort-legend-item.same-row{background-color:#90ee90}.bigram-effort-legend-item.neighboring-row{background-color:#ff0}.bigram-effort-legend-item.opposite-row,.bigram-effort-legend-item.opposite-lateral{background-color:orange}.bigram-effort-legend-item.alt-finger{color:#fff;background-color:#00f}.bigram-effort-legend-item.piano-alt-finger{color:#fff;background-color:purple}.bigram-effort-legend-item.same-finger-bigram{background-color:red}