.bottom-fixed{position:fixed;z-index:500;bottom:0;left:0;width:100%;text-align:center;line-height:250%;font-family:Roboto,sans-serif;font-size:150%;opacity:.8}.fadelong-enter-active,.fadelong-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fadelong-enter,.fadelong-leave-to{opacity:0}.settings-panel{margin-top:50px}.settings-panel--toggles{display:grid;grid-template:1fr/1fr;grid-row-gap:5px}.settings-panel--text{text-align:left}.settings-panel--help-text{position:absolute;text-align:center;font-size:16px;width:100%;height:80px;bottom:0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:none}*,:after,:before{-webkit-box-sizing:unset;box-sizing:unset}html body{background-color:#fff;color:#333}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:#222}html body h2{color:#393939}html body h3,html body h4,html body h5,html body h6{color:#494949}html body blockquote,html body td,html body th{border-color:#e5e5e5}html body #app{color:#2c3e50}html body #chatter-threshold{background-color:#eee;border:none}html body .tester-key.chatter-detected,html body .tester-key.detected.chatter-detected{background-color:#e96b6b}html body #favorite-colorway,html body #favorite-keyboard{color:grey}html body #favorite-colorway.active,html body #favorite-keyboard.active{color:#49ad4c}html body .embedded-tutorial{background-color:#ddd}html body .help{color:#00f}html body .fixed p{background:#fff}html body .key:empty{background:#eee}html body .key:empty:before{color:#ccc}html body .key .remove{color:inherit}html body .keycode{background:#fff;border-color:#ccc}html body .keycode[title]:before{border-left-color:transparent;border-top-color:#fff}html body .beta-button{background:indigo;color:orange}html body .clear-button{background-color:#78c2ad;color:#fff;border-color:#000}html body .tab{background:#fff;border-color:#ccc}html body .tab.active{background:#eee}html body .tester-key{background:#eee;cursor:default}html body .tester-key.active{background:green}html body .tester-key.detected{background:#90ee90}html body .layout-selector-container select{border-color:#cdcdcd}html body .letter-display{color:rgba(0,0,0,.7)}html body .veil-container{background:rgba(30,30,30,.3)}html body .letter-code,html body .letter-key,html body .letter-key-code{background-color:#eee;border-color:rgba(0,0,0,.7)}html body .status-log{background:#272822;color:#f8f8f2;border-color:#000}html body .code-label,html body .key-label,html body .keycode-label{color:rgba(0,0,0,.5)}html body .layout-btn-select{background-color:#c3c3c3;color:#fff;border-color:#000}html body .layout-btn-select.active{background-color:#78c2ad}html body span.log-green{color:#90ee90}html body .key.overme{background:#cec!important;color:#333}html body .tab-area{background:#eee;border-color:#ccc}html body .keycode-select{border-color:green!important}html body .keycode-container:after,html body .keycode-layer-container:after,html body .keycode-layer:after,html body .keycode-macro-container:after,html body .keycode-macro:after{border-color:#ccc;background:#eee}html body .backend-status{background:#272822;color:#bbb}html body #keycodes{background:#fff;border-color:#ccc}html body .bes-status{color:#fff}html body .bes-discord a{color:#c63}html body .bes-discord a:hover{color:#f96}html body .bes-error{color:red}html body .key-contents:empty:before{color:#ccc}html body .bottom-fixed{background:#add8e6;color:#222}html body .key-contents.active-key{background:#d4f9d1}html body .settings-panel--help-text{background:#add8e6;color:#222}html body .input-url-modal{background-color:#eee;border-color:#ccc}html body .input-url-modal button{background-color:#78c2ad;color:#fff}html body #url-import-field{border-color:#cdcdcd}html body .label-button{background-color:#78c2ad;color:#fff;border-color:#000}html body .spinner .message,html body .spinner .status{color:#eee}html body .key-layer-input.input-error{outline-color:red;border-color:red}html body .warning{color:orange}html body .key-contents:empty{background:#eee}html body .key-contents{border-color:#22ffd8;background:#fff}html body .key-contents.overme{background:#cec}html body .key.active-key{background:#d4f9d1}html body #visual-keymap{background:#fff;border-color:#fff}html body #controller-top{background:#eee;border-color:#ccc}html body #keymap-name,html body #layout{border-color:#cdcdcd}html body .topctrl-keyboards .v-select{background:#fff}html body .print-keymap{background:#fff;border-color:#fff}html body #compile,html body #export,html body #fwFile,html body #import,html body #import-url,html body #leavePrint,html body #leaveTest,html body #load-default,html body #printkeymaps,html body #resetTest,html body #settings,html body #source,html body #testkeys,html body #toolbox{background-color:#78c2ad;color:#fff;border-color:#000}html body #compile:disabled,html body #fwFile:disabled,html body #source:disabled,html body #toolbox:disabled{background:#ccc;color:#999}html body #terminal{background:#272822;border-color:#000;color:#f8f8f2}html body #controller-bottom{background:#eee;border-color:#ccc}html body .layers{background:#fff}html body .layer{background:#fff;color:#ccc;border-color:#ccc}html body .layer:hover{background:#eee}html body .layer.active{background:#ccc;color:#fff}html body .layer.non-empty{color:#000}html body .layer.non-empty.active{color:#fff}html body header h1 a{color:inherit}html body pre{color:#666;background-color:#f8f8f8;border-color:#e5e5e5}html body dt,html body th{color:#444}html body strong{color:#222}html body hr{background:#e5e5e5}html body a{color:#39c}html body a:hover{color:#069}html body a small,html body a small:hover{color:#777}html[data-theme=dark] body{color:#fff;background-color:#292929}html[data-theme=dark] header h1 a{color:#eee}html[data-theme=dark] header h1 a:hover{color:#ccc}html[data-theme=dark] #controller-bottom,html[data-theme=dark] #controller-top{background-color:#464646;color:#eee;border-color:#0e0e0e}html[data-theme=dark] .tester-key{background:#0c0c0c}html[data-theme=dark] .tester-key.detected{color:#000}html[data-theme=dark] #toggle-terminal,html[data-theme=dark] #toggle-terminal-label,html[data-theme=dark] #toggle-terminal-label.collapsed,html[data-theme=dark] #toggle-terminal.collapsed{color:#f8f8f2}html[data-theme=dark] #visual-keymap{background:#464646;border-color:#464646}html[data-theme=dark] .info-title{color:#eee}html[data-theme=dark] .help{color:#1db6ff}html[data-theme=dark] .backend-status{background:#131411}html[data-theme=dark] #keycodes{background-color:inherit}html[data-theme=dark] .bottom-fixed,html[data-theme=dark] .settings-panel--help-text{background:#194452;color:#ddd}html[data-theme=dark] .tab-area{background:#464646;border-color:#2f2f2f}html[data-theme=dark] .keycode-container:after,html[data-theme=dark] .keycode-layer-container:after,html[data-theme=dark] .keycode-layer:after{border-color:#353535;background:#1d1d1d}html[data-theme=dark] .letter-code,html[data-theme=dark] .letter-key,html[data-theme=dark] .letter-key-code{background-color:#464646;color:#eee}html[data-theme=dark] #app{color:#eee}html[data-theme=dark] .tab{border-color:#2f2f2f;color:#555}html[data-theme=dark] .tab.active{color:#eee;background-color:#464646}html[data-theme=dark] .keycode{background:#0c0c0c;color:#fff;border-color:#0e0e0e}html[data-theme=dark] .layers{background-color:#292929}html[data-theme=dark] .key:empty{background:#0c0c0c}html[data-theme=dark] .key:empty:before{color:#ccc}html[data-theme=dark] .slideout-panel .slideout-wrapper .slideout{background-color:#464646;color:#eee}html[data-theme=dark] .slideout-panel .slideout-wrapper .slideout h2{color:#eee}html[data-theme=dark] .layer{background:#464646;border-color:#5a5a5a;color:#0e0e0e}html[data-theme=dark] .layer:hover{background:#eee;color:#000}html[data-theme=dark] .layer.active{background:#ccc;color:#000}html[data-theme=dark] .layer.active.non-empty{color:#000}html[data-theme=dark] .layer.non-empty{color:#eee}html[data-theme=dark] .layer.non-empty:hover{color:#000}html[data-theme=dark] .random-potato{color:#eee}.backend-status{z-index:3000;display:grid;position:fixed;top:0;left:0;width:100%;grid-template:1fr/5% [qmk-branding] 2fr [server-status] 2fr [bes-discord] 1fr [controls] 1fr 5%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;line-height:2.5;justify-items:start}.qmk-branding{grid-column:qmk-branding;display:grid;grid-template:1fr/[qmk-logo] auto [qmk-app-name] auto [api-version]}.qmk-logo{grid-column:qmk-logo;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABgmlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz9pUWShUINDg0Q1aZhB1NKg9AuqwQyyWvT5K/DH4z0lpDVoDQqiln4N9RfUGjQHQVEE0dLSXNRS8jpPBSXyXM49n/u99xzuPRcsobSS0Zu9kMnmteCU37UUXna1vmLDiQM73oiiq3MLkyEa2tcDTWa885i1Gp/712yxuK5AU5vwuKJqeeFp4dn1vGryrnC3korEhM+F3ZpcUPje1KMVfjM5WeEfk7VQMAAWh7ArWcfROlZSWkZYXk5fJl1QqvcxX9IRzy4uSOwV70EnyBR+XMwwQYARhhiTeQQPPgZlRYN8bzl/npzkKjKrFNFYI0mKPG5RC1I9LjEhelxGmqLZ/7991RPDvkr1Dj+0vBjGRz+07kBp2zC+jw2jdALWZ7jK1vJzRzD6Kfp2Tes7BPsmXFzXtOgeXG6B80mNaJGyZBW3JBLwfgadYei6hfaVSs+q+5w+QmhDvuoG9g9gQM7bV38BiEJn9f+mUgcAAAAJcEhZcwAACxMAAAsTAQCanBgAAAIVSURBVFiF7ZixbhNBEIb/cYygSSIaRIuCFNEBeQgiUaHUFKl4kjwBqXiRhKeAJhESF3NUxEYgUSBF6PBHkT08Xu/Ze7FjDOKTTr6dmZ35b+9ud89SBkABlFPaPaCXGz83QAUwpT0Ehrnx0+gsSvSi+DsEAZvAYbj3SFoLdhraJsmm+H27CLk3U7UtJUbSG0n35r3aGXyQ9MjMvnljaoQOliBGocZBbEwJ2r1+Lb95EhtStyzr9VwQmNnYoHSAEscSxUjuRQiUHUmVpJ/uSPFV0o6kx5LOI99n5xtEvkGw70j60pDb164mvKT56PzvIt+Z8xWRr3C+kgRx/dWbGP/wMxTfkbKr0TNUs7ZkTb521TWz+9677FEys65vX+UZaiO49cV1uNxcDYn2NBG33Xm/Rf6+JAFdSXdTAb420MsdoXWgXt9OWwg6Cb8PJN1s0W9EwzwEsBf828BFxjx0AWwH+4umpPMIOgVuhZg9oD9F0DnwLNjuAINsQTTMoA28AurN1gawC+y7XPvBtuFijlrkL+urqtwxixPgKTCxU3DCbgDPgU8Z+XztIpUsl+/AW+Cl63sYBP/ITRLXX8R+qGdmW6FvIWmrTWczG9PwT65l68DD+vwKmsbWstXbwiaCzhK262KiVkrQ8RKE1LyODSv3oZiE0af0ey5X4UUxDDkbP6Wz4P/fMStEd3aIJKmMYlPtNvGN/AI2HknnlWkHygAAAABJRU5ErkJggg==);width:36px;height:36px;-webkit-transform:scale(.77778);transform:scale(.77778);margin-top:2px}.qmk-app-name{grid-column:qmk-app-name;color:#fff;background-repeat:no-repeat;padding-left:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bes-version{grid-column:api-version;margin-left:6px;align-self:center;justify-self:start;color:#7a7b7b;font-size:13px;position:relative;top:1px}.bes-title{justify-self:center;font-size:12px}.bes-status{grid-column:server-status;display:grid;grid-template:1fr/auto auto auto;width:auto;background-color:#24402e;border-radius:4px}.bes-status-left{width:1rem}.bes-status-left ul{margin:.9em 0 .7em 1.5em;padding:0}.bes-status-left li{display:block;width:7px;height:7px;margin-right:0;border-radius:100%}.bes-status-center{overflow:hidden;border-right:1px solid #000}.bes-status-center,.bes-status-right{padding:0 30px;text-align:center}.bes-status-up li:nth-child(-n+5){background:#dcdcdc;-webkit-box-shadow:inset 0 0 10px 2px rgba(0,255,192,.5),0 0 10px 2px #00ff87;box-shadow:inset 0 0 10px 2px rgba(0,255,192,.5),0 0 10px 2px #00ff87}.bes-status-down li:nth-child(-n+5){background:#cdcdcd;-webkit-box-shadow:inset 0 0 10px 2px rgba(255,0,0,.4),0 0 10px 2px red;box-shadow:inset 0 0 10px 2px rgba(255,0,0,.4),0 0 10px 2px red}.bes-controls,.bes-discord a{font-size:14px}.bes-controls{justify-self:end;color:#fff;cursor:pointer}[draggable]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-drag:element;-webkit-user-drag:element}body{padding:33px 50px 50px;font:14px/1.5 Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0 0 20px}h1,h2,h3{line-height:1.1}h1{font-size:28px}a{text-decoration:none}a small{font-size:11px;margin-top:-.3em;display:block}.wrapper{width:860px;margin:0 auto}blockquote{border-left:1px solid;margin:0;padding:0 0 0 20px;font-style:italic}code,pre{font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-size:12px;padding:4px 4px;border-radius:2px}pre code{background:transparent;padding:0}pre{padding:8px 15px;border-radius:5px;border:1px solid;overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:5px 10px;border-bottom:1px solid}dt{font-weight:700}img{max-width:100%}header{-webkit-font-smoothing:subpixel-antialiased}strong{font-weight:700}section{padding-bottom:50px;position:relative}small{font-size:11px}hr{border:0;height:1px;margin:0 0 20px}footer{bottom:50px;-webkit-font-smoothing:subpixel-antialiased}@media print,screen and (max-width:960px){div.wrapper{width:auto;margin:0}footer,header,section{float:none;position:static;width:auto}header{padding-right:320px}section{border:1px solid #e5e5e5;border-width:1px 0;padding:20px 0;margin:0 0 20px}header a small{display:inline}}@media print,screen and (max-width:720px){body{word-wrap:break-word}header{padding:0}header p.view{position:static}code,pre{word-wrap:normal}}@media print,screen and (max-width:480px){body{padding:15px}header ul{width:99%}}@media print{body{padding:.4in;font-size:12pt}}a img{vertical-align:middle}#compile,#export,#fwFile,#import,#import-url,#leavePrint,#leaveTest,#load-default,#printkeymaps,#resetTest,#settings,#source,#testkeys,#toolbox{line-height:120%;border-radius:3px;border:0 solid #000;padding:5px 8px;cursor:pointer}button+button{margin-left:4px}#status{position:relative}#toggle-terminal-label{cursor:pointer;position:absolute;top:-12px;right:59px;color:#f8f8f2;opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#toggle-terminal-label.collapsed{opacity:.5;color:#272822;top:-22px;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all .25s ease-out .25s;transition:all .25s ease-out .25s}#toggle-terminal{cursor:pointer;position:absolute;top:4px;right:21px;width:36px;height:27px;white-space:nowrap;color:#f8f8f2;margin:0}#toggle-terminal,#toggle-terminal.collapsed{-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#toggle-terminal.collapsed{top:-25px;color:#272822;-webkit-transform:scaleY(-1);transform:scaleY(-1)}#terminal{padding:2px 5px;border:1px solid;font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;white-space:pre-wrap;overflow-y:scroll;height:200px;resize:none;font-size:12px;width:100%;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block}#terminal,#terminal.collapsed{-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#terminal.collapsed{height:0;padding:0 5px}#compile{margin-right:0}#fileImport,#infoPreview{display:none}#compile:disabled,#fwFile:disabled,#source:disabled,#toolbox:disabled{cursor:unset}input,select{font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-size:14px}button,label{text-transform:uppercase;font:14px/1.5 Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;margin-bottom:0}#controller-bottom{padding:5px;border-radius:0 0 5px 5px;border-style:solid;border-width:0 1px 1px 1px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;line-height:100%}.botctrl{display:grid;grid-template:auto/34fr 5fr;grid-row-gap:5px}.botctrl-1-1{grid-row:1;grid-column:1;justify-self:start}.botctrl-1-2{grid-row:1;grid-column:2;justify-self:end}.botctrl-2{grid-row:2;grid-column:span 2;justify-self:start}.layers{-webkit-column-count:1;-moz-column-count:1;column-count:1;padding-left:25px;padding-right:25px}.layer{width:25px;height:25px;border-radius:25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:80%;font-size:80%;margin-bottom:10px}.layer:hover{cursor:pointer}.layer.non-empty{font-weight:700}.split-content:after{content:" ";display:block;height:0;clear:both}.split-content.fixed{position:fixed;top:0;z-index:1000;pointer-events:none}.fixed p{margin:0;padding:30px 0}.left-side{text-align:center}.left-side,.right-side{pointer-events:all;display:inline-block;vertical-align:top}.rigth-side:after{content:" ";display:block;height:0;clear:both}#visual-keymap{border-radius:5px;border:5px solid;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}#visual-keymap:after{content:" ";display:block;height:0;clear:both}.key{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:pre-line;cursor:pointer;line-height:100%;padding:1px;padding-bottom:3px}.key:empty:before{content:"N/A"}.key .remove{width:0;height:0;overflow:hidden;position:absolute;right:0;top:0;padding-right:2px;cursor:pointer}.key:hover .remove{width:unset;height:unset}.key-container,.key-layer{font-size:10px}.key-contents{width:24px;height:24px;border-radius:2px;border:1px solid;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px}.key-contents:empty:before{content:"N/A"}.key-layer-input{width:24px;height:24px;border-radius:2px;border:1px solid;margin:0 auto;padding:1px;text-align:center}#keycodes,.key-layer-input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#keycodes{padding:5px 0 0 5px;display:inline-block;border-radius:4px}#keycodes,.keycode{position:relative;border:1px solid}.keycode{width:32px;height:32px;margin:0 5px 5px 0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move;cursor:grab;cursor:-webkit-grab;float:left;font-family:Roboto,sans-serif;font-size:70%;line-height:11px;white-space:pre-line;padding:1px}.keycode:active{cursor:grabbing;cursor:-webkit-grabbing;z-index:1001}.keycode:empty:after{content:"N/A"}.keycode-container,.keycode-layer,.keycode-layer-container,.keycode-macro,.keycode-macro-container{font-size:10px;display:block}.keycode-container:after,.keycode-layer-container:after,.keycode-layer:after,.keycode-macro-container:after,.keycode-macro:after{content:"";width:14px;height:14px;border-radius:2px;border:1px solid;margin:0 auto;display:block}.keycode[title]:before{content:"";position:absolute;right:0;top:0;border-left:5px inset;border-top:5px inset}.keycode-1250{width:41.25px}.keycode-1500{width:50.5px}.keycode-1750{width:59.75px}.keycode-2000{width:69px}.keycode-2250{width:78.25px}.keycode-2750{width:96.75px}.keycode-4000{width:144.75px}.keycode-6250{width:226.25px}.keycode-select{border:2px solid!important}.space{height:32px;margin:0 5px 5px 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;font-size:70%;line-height:99%}.space-250{width:4.25px}.space-500{width:13.5px}.space-750{width:22.75px}.space-1000{width:32px}.space-1250{width:41.25px}.space-1500{width:50.5px}.space-3500{width:124.5px}.space-0{width:0;margin:0;clear:left}.space-label{font-size:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.hint{font-size:13px;font:14px/1.5 Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin-left:5px}#favorite-colorway,#favorite-keyboard{cursor:pointer}#favorite-colorway{float:right}@media print{.backend-status,.openSettings,.print-controls,.random-potato,footer{display:none}input,textarea{border-width:0}}.random-potato{color:#2c3e50;font-family:Roboto,sans-serif}#app{display:grid;grid-template:1fr/minmax(1000px,1000px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.embedded-tutorial{position:fixed;bottom:20px;right:20px;z-index:4000;padding:6px;border-radius:3px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.6);box-shadow:0 0 3px rgba(0,0,0,.6)}.help{position:fixed;top:50px;right:10px;opacity:.7;cursor:pointer}.santa-hat{width:56px;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.jinglebell{width:50px;-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}80%,to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}80%,to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}.space-label{width:100%;clear:both;height:20px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;font-weight:700}#keycodes{border:none;margin-bottom:20px}.tabs{display:grid;grid-template:auto/repeat(5,minmax(120px,160px))}.tab{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-top:1px solid;border-left:1px solid;border-right:1px solid;padding:2px;margin-right:2px;border-radius:4px 4px 0 0;display:inline-block;opacity:.55;z-index:100;cursor:pointer;margin-bottom:-1px;text-align:center}.end-tab{grid-column:-1;justify-self:end}.end-tab input{padding:3px 7px;border:1px solid #cdcdcd;border-radius:4px;width:70%;float:right}.tab-area{height:350px;padding:10px 5px;border:1px solid;border-radius:0 4px 4px 4px}.tab.active{opacity:1}.keycode.isoenter{position:absolute;left:520px;top:117px;height:69px}.desaturated{opacity:.3}.keycode-search-icon{position:absolute;right:5px;top:11px;color:#999}.tab span{margin-left:4px}.dsa-galaxy-class-key{background:#95bfe8;color:#0d0d0b}.dsa-galaxy-class-key .key-contents,.dsa-galaxy-class-key input{background:#bfd8f1;color:#0d0d0b;border-color:#51667a}.dsa-galaxy-class-mod{background:#f2c75c;color:#0d0d0b}.dsa-galaxy-class-mod .key-contents,.dsa-galaxy-class-mod input{background:#f6d78b;color:#0d0d0b;border-color:#81724b}.dsa-galaxy-class-purple{background:#857eb1;color:#0d0d0b}.dsa-galaxy-class-purple input{background:#fdfdfe}.dsa-galaxy-class-darker-blue{background:#2790c2;color:#0d0d0b}.dsa-galaxy-class-darker-blue input{background:#c2e3f3}.dsa-galaxy-class-pink{background:#d290b4;color:#0d0d0b}.dsa-galaxy-class-pink input{background:#fff}.dsa-galaxy-class-light-blue{background:#95bfe8;color:#0d0d0b}.dsa-galaxy-class-light-blue input{background:#fff}.dsa-galaxy-class-gray{background:#525554;color:#0d0d0b}.dsa-galaxy-class-gray input{background:#b8bbba}.sa-carbon-key{background:#e3d5b9;color:#464746}.sa-carbon-key .key-contents,.sa-carbon-key input{background:#f2ebdd;color:#464746;border-color:#958e80}.sa-carbon-mod{background:#464746;color:#e86700}.sa-carbon-mod .key-contents,.sa-carbon-mod input{background:#282828;color:#ff9a4a;border-color:#a37148}.sa-carbon-accent{background:#e86700;color:#464746}.sa-danger-zone-key{background:#00234e;color:#f8cc2a}.sa-danger-zone-key .key-contents,.sa-danger-zone-key input{background:#000c1b;color:#f8cc2a;border-color:#7c783c}.sa-danger-zone-mod{background:#455460;color:#f8cc2a}.sa-danger-zone-mod .key-contents,.sa-danger-zone-mod input{background:#303a42;color:#f8cc2a;border-color:#9f9045}.sa-danger-zone-accent-yellow{background:#f8cc2a;color:#00234e}.sa-danger-zone-accent-red{background:#950013;color:#f8cc2a}.sa-jukebox-key{background:#d9c9a8;color:#a51b1b}.sa-jukebox-key .key-contents,.sa-jukebox-key input{background:#e9dfcb;color:#791414;border-color:#a96e5e}.sa-jukebox-mod{background:#69d0a5;color:#a51b1b}.sa-jukebox-mod .key-contents,.sa-jukebox-mod input{background:#98dfc1;color:#791414;border-color:#71725c}.sa-jukebox-accent{background:#a51b1b;color:#d9c9a8}.sa-jukebox-accent input{background:#ef9d9d}.sa-modern-selectric-key{background:#212224;color:#e5e4df}.sa-modern-selectric-key .key-contents,.sa-modern-selectric-key input{background:#393b3f;color:#e5e4df;border-color:#838382}.sa-modern-selectric-mod{background:#005699;color:#e5e4df}.sa-modern-selectric-mod .key-contents,.sa-modern-selectric-mod input{background:#003966;color:#e5e4df;border-color:#739dbc}.sa-nantucket-selectric-key{background:#dad4c4;color:#0a2040}.sa-nantucket-selectric-key .key-contents,.sa-nantucket-selectric-key input{background:#eeebe3;color:#0a2040;border-color:#727a82}.sa-nantucket-selectric-mod{background:#0a2040;color:#f7b03c}.sa-nantucket-selectric-mod .key-contents,.sa-nantucket-selectric-mod input{background:#030a14;color:#f7b03c;border-color:#81683e}.sa-oblivion-hagoromo-key{background:#e5e4df;color:#63696a}.sa-oblivion-hagoromo-key .key-contents,.sa-oblivion-hagoromo-key input{background:#fcfcfb;color:#4a4f50;border-color:#989997}.sa-oblivion-hagoromo-mod{background:#464746;color:#c8c3b8}.sa-oblivion-hagoromo-mod .key-contents,.sa-oblivion-hagoromo-mod input{background:#2d2d2d;color:#eeece9;border-color:#9a9a97}.sa-oblivion-hagoromo-accent{background:#950013;color:#c8c3b8}.sa-vilebloom-key{background:#34657f;color:#e5e4df}.sa-vilebloom-key .key-contents,.sa-vilebloom-key input{background:#25485b;color:#e5e4df;border-color:#8da5af}.sa-vilebloom-mod{background:#34657f;color:#e5e4df}.sa-vilebloom-mod .key-contents,.sa-vilebloom-mod input{background:#25485b;color:#e5e4df;border-color:#8da5af}.sa-vilebloom-accent1{background:#f6bd9d;color:#34657f}.sa-vilebloom-accent1 input{background:#fff}.sa-vilebloom-accent2{background:#ff808b;color:#e5e4df}.sa-vilebloom-accent2 input{background:#fff}.sa-vilebloom-accent3{background:#cd6c8f;color:#e5e4df}.sa-vilebloom-accent3 input{background:#fff}.gmk-bento-key .key-contents,.gmk-bento-key input{background:#fff3ef;color:#30586f;border-color:#98a6af}.gmk-bento-mod .key-contents,.gmk-bento-mod input{background:#244253;color:#fdc6c9;border-color:#9e9cac}.gmk-bento-key{background:#fff3ef;color:#3e728f}.gmk-bento-mod{background:#3e728f;color:#fb7279}.gmk-bento-accent{background:#fb7279;color:#fff3ef}.gmk-dolch-key{background:#67635b;color:#f7f2ea}.gmk-dolch-key .key-contents,.gmk-dolch-key input{background:#4c4943;color:#f7f2ea;border-color:#afaba3}.gmk-dolch-mod{background:#393b3b;color:#f7f2ea}.gmk-dolch-mod .key-contents,.gmk-dolch-mod input{background:#202121;color:#f7f2ea;border-color:#989793}.gmk-jamon-key{background:#84172c;color:#ece4d0}.gmk-jamon-key .key-contents,.gmk-jamon-key input{background:#590f1e;color:#ece4d0;border-color:#b87e7e}.gmk-jamon-mod{background:#ac2c32;color:#ece4d0}.gmk-jamon-mod .key-contents,.gmk-jamon-mod input{background:#832226;color:#ece4d0;border-color:#b8837b}.gmk-jamon-accent{background:#ece4d0;color:#313337}.gmk-jamon-accent input{background:#fff}.gmk-jamon-kb{background:#1f2a44}.gmk-merlin-key{background:#e1dbd1;color:#00627a}.gmk-merlin-key .key-contents,.gmk-merlin-key input{background:#f5f3f0;color:#004e61;border-color:#719499}.gmk-merlin-mod{background:#00627a;color:#e5a100}.gmk-merlin-mod .key-contents,.gmk-merlin-mod input{background:#003947;color:#e5a100;border-color:#73823d}.gmk-merlin-accent{background:#e5a100;color:#00627a}.gmk-merlin-accent input{background:#ffe8b2}.gmk-metaverse-key{background:#f7f2ea;color:#171718}.gmk-metaverse-key .key-contents,.gmk-metaverse-key input{background:#fff;color:#171718;border-color:#878581}.gmk-metaverse-mod{background:#171718;color:#f7f2ea}.gmk-metaverse-mod .key-contents,.gmk-metaverse-mod input{background:#303032;color:#f7f2ea;border-color:#878581}.gmk-metaverse-accent{background:#dd1126;color:#f7f2ea}.gmk-mizu-key{background:#c2d9e4;color:#444f58}.gmk-mizu-key .key-contents,.gmk-mizu-key input{background:#9fc3d4;color:#444f58;border-color:#83949e}.gmk-mizu-mod{background:#444f58;color:#f7eee3}.gmk-mizu-mod .key-contents,.gmk-mizu-mod input{background:#39424a;color:#f7eee3;border-color:#9e9f9e}.gmk-mizu-accent{background:#f7eee3;color:#444f58}.gmk-nautilus-key{background:#1b365d;color:#00a4a9}.gmk-nautilus-key .key-contents,.gmk-nautilus-key input{background:#101f35;color:#00bdc3;border-color:#0e7990}.gmk-nautilus-mod{background:#1f2a44;color:#e5a100}.gmk-nautilus-mod .key-contents,.gmk-nautilus-mod input{background:#0f1421;color:#e5a100;border-color:#826622}.gmk-nautilus-accent{background:#e5a100;color:#1f2a44}.gmk-nautilus-accent input{background:#ffe8b2}.gmk-nautilus-kb{background:#1f2a44}.gmk-olivetti-key{background:#e1dbd1;color:#00589f}.gmk-olivetti-key .key-contents,.gmk-olivetti-key input{background:#f5f3f0;color:#004a86;border-color:#7192ab}.gmk-olivetti-mod{background:#aca693;color:#00589f}.gmk-olivetti-mod .key-contents,.gmk-olivetti-mod input{background:#c2beb0;color:#002e53;border-color:#566a73}.gmk-olivetti-accent{background:#00589f;color:#e1dbd1}.gmk-olivia-key{background:#e1dbd1;color:#363434}.gmk-olivia-key .key-contents,.gmk-olivia-key input{background:#f5f3f0;color:#363434;border-color:#8c8883}.gmk-olivia-mod{background:#363434;color:#e8c4b8}.gmk-olivia-mod .key-contents,.gmk-olivia-mod input{color:#e8c4b8;background:#1c1b1b;border-color:#8f7c76}.gmk-olivia-accent{background:#e8c4b8;color:#363434}.gmk-plum-key{background:#ded0af;color:#736b7c}.gmk-plum-key .key-contents,.gmk-plum-key input{background:#f1ecde;color:#524c58;border-color:#988e84}.gmk-plum-mod{background:#736b7c;color:#ded0af}.gmk-plum-mod .key-contents,.gmk-plum-mod input{background:#524c58;color:#f1ecde;border-color:#b2abad}.gmk-plum-accent{background:#863f48;color:#ded0af}.gmk-serika-key{background:#ece4d0;color:#333732}.gmk-serika-key .key-contents,.gmk-serika-key input{background:#fbf9f4;color:#333732;border-color:#908e81}.gmk-serika-mod{background:#ffcd00;color:#333732}.gmk-serika-mod .key-contents,.gmk-serika-mod input{background:#ffd733;color:#333732;border-color:#998219}.gmk-serika-accent{background:#333732;color:#ece4d0}.gmk-space-cadet-key{background:#63696a;color:#e1dbd1}.gmk-space-cadet-key .key-contents,.gmk-space-cadet-key input{background:#4a4f50;color:#f5f3f0;border-color:#acaead}.gmk-space-cadet-mod{background:#0073a2;color:#e1dbd1}.gmk-space-cadet-mod .key-contents,.gmk-space-cadet-mod input{background:#004f6f;color:#f5f3f0;border-color:#7bb3c9}.gmk-striker-key{background:#004d7c;color:#f7f2ea}.gmk-striker-key .key-contents,.gmk-striker-key input{background:#003d63;color:#f7f2ea;border-color:#7ca0b3}.gmk-striker-mod{background:#004d7c;color:#f7f2ea}.gmk-striker-mod .key-contents,.gmk-striker-mod input{background:#003d63;color:#f7f2ea;border-color:#7ca0b3}.gmk-striker-accent{background:#002e51;color:#f7f2ea}.gmk-ta-royal-alpha-key{background:#ccc6c0;color:#00773a}.gmk-ta-royal-alpha-key .key-contents,.gmk-ta-royal-alpha-key input{background:#e3e0dc;color:#004421;border-color:#668571}.gmk-ta-royal-alpha-mod{background:#689b34;color:#e1dbd1}.gmk-ta-royal-alpha-mod .key-contents,.gmk-ta-royal-alpha-mod input{background:#3c5a1e;color:#f5f3f0;border-color:#afc792}.gmk-ta-royal-alpha-accent{background:#00773a;color:#e1dbd1}.gmk-terminal-key,.gmk-terminal-mod{background:#393b3b;color:#689b34}.gmk-terminal-key .key-contents,.gmk-terminal-key input,.gmk-terminal-mod .key-contents,.gmk-terminal-mod input{background:#202121;color:#7fbd40;border-color:#5c7c3d}.gmk-terminal-accent{background:#689b34;color:#393b3b}.gmk-wob-key{background:#171718;color:#f7f2ea}.gmk-wob-key .key-contents,.gmk-wob-key input{background:#303032;color:#f7f2ea;border-color:#878581}.gmk-wob-mod{background:#171718;color:#f7f2ea}.gmk-wob-mod .key-contents,.gmk-wob-mod input{background:#303032;color:#f7f2ea;border-color:#878581}.gmk-yuri-key{background:#c7e6f5;color:#f54730}.gmk-yuri-key .key-contents,.gmk-yuri-key input{background:#ddf0f9;color:#991807;border-color:#b07f7e}.gmk-yuri-mod{background:#2d394c;color:#f54730}.gmk-yuri-mod .key-contents,.gmk-yuri-mod input{background:#12171f;color:#f88474;border-color:#935e60}.gmk-yuri-accent{background:#f54730;color:#2d394c}.dsa-drifter-key{background:#e5e1e6;color:#222}.dsa-drifter-key input{background:#fff}.dsa-drifter-mod{background:#9b2242;color:#71dbd4}.dsa-drifter-mod input{background:#ea9fb3}.dsa-milkshake-key,.dsa-milkshake-mod{background:#fff;color:#232d43}.dsa-milkshake-esc{background:#f0849e}.dsa-milkshake-backspace{background:#f1ed8a}.dsa-milkshake-enter{background:#8ce1ce}.dsa-milkshake-alt{background:#75cde8}.dsa-milkshake-os{background:#c091ed}.key.overme{border-radius:4px}.key.swapme{-webkit-transform:scale(.8);transform:scale(.8)}.key.smaller{font-size:.61rem}.key{border-radius:6px;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:120%;-webkit-box-shadow:0 -1px 0 3px inset rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.3);box-shadow:inset 0 -1px 0 3px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.3);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.clear-button{line-height:100%;margin:0;border-radius:3px;border:0 solid;padding:6px 8px;cursor:pointer}#colorway-select{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.keymap--label{float:left}.keymap--counter{display:inline-block;padding:0 5px;margin-top:2px}.keymap--count{float:right;color:#999}.keymap--keyset{float:right}.keymap--area{margin-top:1em;margin-bottom:1em;height:1.5em}.rgbblock[data-v-8c9e49f0]{position:relative;width:500px}.colorpicker[data-v-8c9e49f0]{position:absolute;left:40px;top:22px;z-index:9}.colorbar[data-v-8c9e49f0]{color:#fff;border-width:0;margin-right:15px}.disable-label[data-v-8c9e49f0]{opacity:.6}.leds[data-v-8c9e49f0],.rgbs[data-v-8c9e49f0]{margin-top:15px}.led-setting[data-v-8c9e49f0]{margin:15px}.led-setting input[type=checkbox][data-v-8c9e49f0]{margin-left:10px}.vue-js-switch[data-v-8c9e49f0]{margin-left:5px;margin-right:15px}.fade-enter-active[data-v-8c9e49f0]{-webkit-transition:all .3s ease;transition:all .3s ease}.fade-leave-active[data-v-8c9e49f0]{-webkit-transition:all .3s cubic-bezier(1,.5,.8,1);transition:all .3s cubic-bezier(1,.5,.8,1)}.fade-enter[data-v-8c9e49f0],.fade-leave-to[data-v-8c9e49f0]{opacity:0}.key-contents.overme{border-radius:4px}.macro-step{display:inline-block;position:relative;min-width:50px;margin:7px 3px}.macro-step .key-contents{width:30px}.macro-step .key-layer-input{width:45px;font-size:.7rem}.macro-step .step-str{width:100%;font-size:.7rem}.macro-tab-area{height:240px}.green-btn{background-color:#78c2ad;color:#fff;border-color:#000;line-height:120%;border-radius:3px;border:0 solid #000;padding:5px 8px;cursor:pointer}.btn-s{min-width:60px;margin:auto 4px}.macros{margin:5px;padding:10px;border:1px solid;display:-webkit-box;display:-ms-flexbox;display:flex}.macrosidx{white-space:nowrap;line-height:55px}.a-macro{-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.macro-steps{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.marco-ctl{line-height:55px;-ms-flex-negative:0;flex-shrink:0}.marco-ctl select{margin:auto 6px;height:24px}.addmacro{margin-left:5px;margin-bottom:20px}#keyboardMain[data-v-37210783]{border:none;margin-bottom:20px;margin-top:10px}.tabs[data-v-37210783]{display:grid;grid-template:auto/repeat(6,minmax(120px,200px))}.tab[data-v-37210783]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-top:1px solid;border-left:1px solid;border-right:1px solid;padding:2px;margin-right:2px;border-radius:4px 4px 0 0;display:inline-block;opacity:.55;z-index:100;cursor:pointer;margin-bottom:-1px;background-color:#eee}.end-tab[data-v-37210783]{grid-column:-1;justify-self:end}.end-tab input[data-v-37210783]{padding:3px 7px;border:1px solid #cdcdcd;border-radius:4px;width:90%;float:right}.tab-area[data-v-37210783]{height:auto;padding:10px 5px;border:1px solid;border-radius:0 4px 4px 4px;background-color:#fff;text-align:left}.tab.active[data-v-37210783]{opacity:1;background-color:#fff}.keycode.isoenter[data-v-37210783]{position:absolute;left:520px;top:117px;height:69px}.desaturated[data-v-37210783]{opacity:.3}.keycode-search-icon[data-v-37210783]{position:absolute;right:5px;top:11px;color:#999}.tab span[data-v-37210783]{margin-left:4px}#drop-label-keyboard{min-width:137px}.topctrl{text-align:left;display:grid;grid-template:[top] 1fr [middle] 1fr/[left] minmax(700px,3fr) [right] 2fr;grid-row-gap:2px}#controller-top{padding:5px;border-radius:5px 5px 0 0;border-style:solid;border-width:1px 1px 0 1px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:100%}.topctrl-keyboards{grid-row:top;grid-column:left;height:2.5rem}.topctrl-keymap-name{grid-row:bottom;grid-column:left;justify-self:start}#keymap-name{width:220px;width:calc(30rem - 16px);padding:7px;border:1px solid;border-radius:4px}.topctrl-controls{grid-row:top/span 2;grid-column:right;justify-self:end}.topctrl-layouts{grid-row:middle;grid-column-start:left;grid-column-end:right;justify-self:start}#layout{padding:5px 4px;border-radius:4px;border:1px solid;width:288px;width:30rem}.drop-label{display:inline-block;text-align:right;padding-right:5px;min-width:160px;max-width:190px}.half-size{font-size:11px;text-overflow:"";vertical-align:middle}#keyboard{max-width:18rem}.v-select{display:inline-block;width:30rem}.topctrl-keyboards .v-select{font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.input-url-modal{padding:5px;border:1px solid;border-radius:5px;width:400px}.fixed-size{min-width:150px}#import-url{border-radius:4px}.input-url-modal label{padding-right:5px}.input-url-modal div:nth-child(2){margin-top:5px}.input-url-modal button{line-height:120%;padding:6px 12px;border-width:0;border-radius:3px;margin:0 0 0 4px;cursor:pointer}#url-import-field{width:340px;padding:7px;border:1px solid;border-radius:4px}.label-button{line-height:155%;vertical-align:middle;display:inline-block;margin:-3px 1px 0 0;font-size:14px;font-weight:700;height:19px;border:0 solid;padding:5px 8px;text-transform:uppercase}@media (max-width:90rem){.hide-small{display:none}}#newFirmware{background-color:#f07b87;color:#fff;line-height:120%;border-radius:3px;border:0 solid #000;padding:5px 8px;cursor:pointer}.hint-right{display:grid;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.keycodes-section{margin-top:30px;text-align:left}.keycodes-section label{padding-left:20px}.keycodes-section:after{content:" ";display:block;height:0;clear:both}.print-keymap{border-radius:5px;border:5px solid;position:relative;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.print-keymap:after{content:" ";display:block;height:0;clear:both}.print-keymap>.keycode-select{border:none!important}.print-keymap{break-inside:avoid-page}.print-layout{display:grid;justify-items:center;grid-template:repeat(auto-fill,1fr)/1fr}.meta-info{max-width:800px}.meta-info th:first-letter{text-transform:uppercase}.layer-output{page-break-inside:avoid}.layout-output-firefox{page-break-before:always}.layer-output-title{margin-top:15px}table>tr>th{vertical-align:top}textarea.optional-notes{font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;font-size:12pt}.print-controls{padding-bottom:20px}#chatter-alert{text-transform:uppercase;font-weight:700;color:red}#chatter-container{text-align:left}#chatter-threshold{margin:0 5px;width:50px}#chatter-threshold::-webkit-inner-spin-button,#chatter-threshold::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;opacity:1}.layout-selector-container select{padding:5px 4px;border-radius:4px;border:1px solid;margin-left:10px}.tester{margin-top:35px;display:grid;grid-template:45px 1fr 1fr/1fr;justify-items:center}.visual-tester-keymap{position:relative}.info{margin-top:10px;display:grid;grid-template:[info-title] 30px [info-top] 4rem [info-bottom] 13rem/1fr}.info-title{grid-row:info-title}.letter-display{grid-row:info-top;display:grid;grid-template:[letter] 3rem/[letter-left] 1fr [letter-mid] 1fr [letter-right] 1fr;grid-column-gap:10px;font-size:2rem;font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.letter-key{grid-column:letter-mid}.letter-code,.letter-key{position:relative;border:1px solid;grid-row:letter}.letter-code{grid-column:letter-left}.letter-key-code{position:relative;grid-column:letter-right;grid-row:letter;border:1px solid;cursor:pointer}.status-log{grid-row:info-bottom;padding:2px 5px;width:869px;text-align:left;border:1px solid;font-family:Roboto Mono,Monaco,Bitstream Vera Sans Mono,Lucida Console,Terminal,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;white-space:pre-wrap;overflow-y:scroll;height:200px;font-size:12px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block}.code-label,.key-label,.keycode-label{position:absolute;font-size:8px;right:2px;bottom:1px}.layout-btn-select{line-height:120%;margin:0 4px 0 0;border-radius:3px;border:0 solid;padding:6px 12px;cursor:pointer;margin-bottom:10px}.bes-high-job-count{color:red}.bes-odd-job-count{color:#ff0}#browser-warn{padding:0 5px;z-index:3001;position:fixed;top:20px;left:0;background:#d00;color:#e0e0e0;width:100%}#browser-warn a{color:#e0e0e0;font-weight:700}a.dismiss{cursor:pointer}.veil-container{display:grid;grid-template:1fr/1fr;position:fixed;top:0;left:0;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;z-index:50000}.fade-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.fade-leave-active{-webkit-transition:all .8s cubic-bezier(1,.5,.8,1);transition:all .8s cubic-bezier(1,.5,.8,1)}.fade-enter,.fade-leave-to{opacity:0}