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) 1fr;gap:1rem;width:95%;padding:1rem}.top-bar-keyboard-tab-label{background-color:#f0f0f0;padding:1rem;border-radius:4px}.top-bar-keyboard-tab-label.selected{background-color:#5cdbef;border:1px solid #003fae}.layout-options-bar-container{display:grid;grid-template-columns:1fr 2fr;margin-left:10%;right:10%;padding:1rem;justify-items:center}.layout-options-button{margin-left:.5rem;margin-right:.5rem}.layout-options-button.selected{background-color:#5cdbef;border:1px solid #003fae}.layout-options-bar-container label{display:block}.key-outline{stroke:#000;fill:none}.key-outline.unlabeled{fill:#e7e7e7}.key-outline.command-key{fill:#729bac}.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-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}.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:5rem;padding:.2rem;margin:.1rem}.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}.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:not(.recommended){background-color:#f3eaac}.mapping-list-item.selected.recommended{font-weight:700}.mapping-list-item button{background:transparent;border:none}.mapping-list-item.selected button{font-weight:700}.footnote{font-size:.8rem}.key-effort-legend-item{display:inline-block;text-align:center;width:3rem;padding:.2rem;margin:.1rem}.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}.diff-counter{display:inline-block;text-align:center;width:3rem;padding:.2rem;margin:.1rem}.diff-counter.unchanged{border:1px solid darkgray}.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}