body{font-family:Verdana,sans-serif}.layout-top-bar-container{display:grid;justify-items:center;grid-template-columns:1fr minmax(0,2fr) minmax(0,2fr) minmax(0,2fr) minmax(0,2fr) 1fr;gap:1rem;width:95%;padding:1rem}.layout-top-bar-container>div{text-align:center}.top-bar-keyboard-tab-label{background-color:#f0f0f0;padding:1rem;border-radius:4px}.top-bar-keyboard-tab-label-and-note.selected .top-bar-keyboard-tab-label{background-color:#5cdbef;border:1px solid #003fae}.top-bar-keyboard-tab-note{padding:.5rem;font-style:italic;min-height:1.5em;display:block;visibility:hidden}.top-bar-keyboard-tab-label-and-note.selected .top-bar-keyboard-tab-note,.top-bar-keyboard-tab-label-and-note:hover .top-bar-keyboard-tab-note{visibility:visible}.layout-options-bar-container{margin-left:10%;margin-right:10%;padding:1rem}.ansi-layout-options-container{display:flex;justify-content:center;gap:2rem;align-items:flex-start}.ansi-variant-buttons{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;text-align:center}.ansi-variant-checkboxes{display:flex;flex-direction:column;gap:1rem;min-width:180px}.harmonic-layout-options-container{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center}.plank-layout-options-container{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.5fr;justify-items:center}.ergoplank-midshift-xl-bars-checkbox{margin-top:.2rem;margin-left:1rem;margin-bottom:1rem}.ergoplank-midshift-sub-variants-container{margin-left:1rem}.ergoplank-lowshift-variants-container{margin-top:.35rem}.ergoplank-angle-mod-checkbox{margin-left:1.25rem;margin-top:.15rem}.layout-variant-button{margin:.5rem;padding:.5rem;border-radius:4px}.layout-variant-button-and-children.selected .layout-variant-button{background-color:#5cdbef;border:1px solid #003fae}.layout-variant-options{display:block;visibility:hidden}.layout-variant-button-and-children.selected .layout-variant-options{visibility:visible}.flip-ret-rub-button{margin-top:.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:4px}.ansi-ahkb-options-container{margin:.5rem;text-align:left}label.disabled{color:gray}.key-group.animating{animation:keyMove 1s ease-in-out forwards}@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}.key-outline.unlabeled{fill:#e7e7e7}.key-outline.edge-key{fill:#729bac}.key-outline.highlighted-key{fill:#c6b07c}.key-outline.home-key{fill:#c3f3ac}.key-outline.command-key-border{filter:brightness(80%);stroke:#b5b5b5}.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:transparent}.same-finger{fill:#f3eaac;background-color:#f3eaac}.same-hand{fill:#f6d187;background-color:#f6d187}.swap-hands{fill:#f3bfac;background-color:#f3bfac}.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{font-size:24px;font-family:Verdana,sans-serif}.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}.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.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}.bigram-effort-legend-item{display:inline-block;text-align:center;width:3rem;padding:.3rem;margin:.2rem .5rem .2rem .2rem;border:1px solid black}.bigram-effort-legend-item.same-row{background-color:green}.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{background-color:#00f;color:#fff}.bigram-effort-legend-item.same-finger-bigram{background-color:red}.toggle-text-button{background:none;border:none;color:#003fae;cursor:pointer;font-size:.9rem;padding:0 .5rem;margin-left:.5rem;text-decoration:underline}.toggle-text-button:hover{color:#5cdbef}.truncated-text{display:inline}.visualization-switches{margin-left:10%}.viz-type-button{margin:.3rem;border-radius:4px}.viz-type-button.selected{background-color:#5cdbef;border:1px solid #003fae}.mapping-and-details-container{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:1rem;width:95%;padding:1rem}.mapping-list-header{background-color:#f0f0f0;font-style:italic}.mapping-list-item.recommended{background-color:#b8ebf8}.mapping-list-item.recommended.thumb-letter{background-color:#a1c67e}.mapping-list-item.selected{font-weight:700}.mapping-list-item.selected:not(.recommended){background-color:#f3eaac}.footnote{font-size:.8rem}.key-effort-legend-item{display:inline-block;text-align:center;width:3rem;padding:.3rem;margin:.2rem .5rem .2rem .2rem;border:1px solid black}.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{display:inline-block;text-align:center;width:3rem;padding:.3rem;margin:.2rem .5rem .2rem .2rem;border:1px solid black}.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}.diff-legend-item{display:inline-block;text-align:center;width:3rem;padding:.3rem;margin:.2rem .5rem .2rem .2rem;border:1px solid black}.pinky{fill:#bca7d4}.ringy{fill:#a3bfd9}.middy{fill:#a1c67e}.lindex{fill:#ddd88c}.rindex{fill:#c6b4a5}.lthumb{fill:#d7a86e}.rthumb{fill:#d8a39d}.stagger-line{stroke:#e33c3c;stroke-width:2px;background-color:#ef7272}.hand-stagger-line{stroke:#a9daa9;stroke-width:10px;background-color:#a9daa9}.stagger-line-animating{animation:staggerLineMove 1s ease-in-out forwards}@keyframes staggerLineMove{0%{transform:translate(var(--from-offset))}to{transform:translate(var(--to-offset))}}.key-outline.animating{animation:keyResize 1s ease-in-out forwards}@keyframes keyResize{0%{width:var(--from-width)}to{width:var(--to-width)}}.checkboxWithLabel{display:flex;align-items:flex-start;gap:.5rem;-webkit-user-select:none;user-select:none}.checkboxWithLabel input{flex-shrink:0;margin-top:.125rem}.checkboxLabel{flex:1;word-break:break-word}