html{height:100%;background-color:#f3f3f3!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2{font-size:140%}.spacer{flex-grow:1}.notify-success{background-color:#3f51b5}.notify-error{background-color:#f44336}.notify-warning{background-color:#ff9800!important}.notify-info{background-color:#8bc34a}.configure-root{display:flex;flex-direction:column;height:100vh;background-color:#f3f3f3}.dragMask{position:absolute;background:#0006;width:100%;height:100%;z-index:1;top:0;bottom:0;left:0;right:0}.dragMask.fill-blank{position:relative;width:100%;flex-grow:1}.header{display:grid;position:fixed;height:calc(var(--key-height));width:100%;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:0;padding:0 8px;background:#fff;border-bottom:1px solid rgba(0,0,0,.2);z-index:2}.header .kbd-device{display:flex;flex-direction:row}.header .kbd-device .kbd-select{display:flex;flex-direction:row;align-items:center;cursor:pointer}.header .kbd-device .kbd-select .kbd-name{display:flex;flex-direction:column}.header .kbd-device .kbd-select .kbd-name h2{margin:0;max-width:33.3333333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header .kbd-device .kbd-select .kbd-name .ids{font-size:40%;color:gray;margin-top:-4px}.header .kbd-device .kbd-select:hover,.header .kbd-device .kbd-select:hover .kbd-name .ids{color:#3f51b5}.header .kbd-device .kbd-select .device-list{display:flex}.header .header-logo{text-align:center;height:100%;padding-top:16px}.header .header-height{height:calc(var(--key-height))}.header .buttons{display:flex;margin-left:auto;width:120px;justify-content:center;height:40px}.header .buttons .flash-btn{min-width:80px!important}.header .buttons .flash-loading{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.header .hidden{visibility:hidden}.header-right{display:flex;flex-direction:row;align-items:center}.header .header-avatar{width:31px!important;height:31px!important}.device-item{display:flex;flex-direction:row;border-bottom:1px solid rgba(0,0,0,.2);align-items:center;width:100%}.device-item .link-icon{margin-right:8px}.device-item .link-on{color:#3f51b5;font-weight:700}.device-item .link-off .device-name{font-weight:400}.device-item .device-name{display:flex;align-items:center;color:#000}.device-item .device-name .device-ids{font-weight:400;font-size:40%;margin-left:8px}.another-device-wrapper{display:flex;justify-content:center;width:100%}.another-device-wrapper .another-device{text-align:center}@keyframes button-flashing{20%{color:transparent;transform:scale(1)}40%{border-color:#3f51b5;background-color:transparent;transform:scale(1)}60%{transform:scale(.7,1.1);margin-left:1.25rem;width:2.5rem;text-indent:-.6125rem;color:transparent;border-color:#3f51b5;background-color:#3f51b5}80%{transform:scale(1)}to{margin-left:1.25rem;width:2.5rem;background-color:#3f51b5;border-color:#3f51b5;color:transparent}}@keyframes button-success{0%{margin-left:1.25rem;width:2.5rem}10%{border-color:#3f51b5}20%{opacity:1;margin:0;width:7rem;transform:scale(1)}80%{opacity:1;width:7rem;transform:scale(1);border-color:#3f51b5}to{border-color:#c5cae9;opacity:0}}.flash-button.flashing{height:40px;animation:button-flashing .5s forwards}.flash-button.success{text-indent:0;color:transparent;background-color:#fff;animation:button-success 2.5s forwards}.connection-modal{display:flex;align-items:center;justify-content:center}.paper{background-color:#fff;border:"2px solid #000";box-shadow:5px;padding:8px}@keyframes click-key{0%{opacity:1;transform:scale(1)}7%{opacity:.86;transform:scale(.95)}20%{opacity:1;transform:scale(1)}}.logo-m{transform-origin:39% 50%;animation:click-key 2.1s linear 0s infinite}.logo-a{transform-origin:64% 50%;animation:click-key 2.1s linear .7s infinite}.logo-p{transform-origin:89% 50%;animation:click-key 2.1s linear 1.4s infinite}.info-dialog .close-dialog{position:absolute;top:20px;right:20px}.info-dialog .close-dialog:hover{color:#7986cb;cursor:pointer}.info-dialog-information-message{font-size:90%;line-height:.95rem;color:gray;margin-bottom:8px}.info-dialog-warning-message{font-size:90%;line-height:.95rem;color:#f44336;margin-bottom:8px}.auth-provider-dialog .close-dialog{position:absolute;top:20px;right:20px}.auth-provider-dialog .close-dialog:hover{color:#7986cb;cursor:pointer}.auth-provider-dialog-content{display:flex;flex-direction:column}.auth-provider-dialog-content-provider{display:inline-block;margin-left:8px}.modifiers-label{font-weight:700}.modifiers-label-disabled{color:#9e9e9e}@keyframes blink-primary{0%{background-color:#c5cae9}to{background-color:#7986cb}}@keyframes blink-border{0%{border:1px solid rgba(0,0,0,.6)}to{border:1px solid rgba(0,0,0,.1)}}@keyframes scale-down-base{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes scale-down-roof{0%{transform:scale(1)}to{transform:scale(.97)}}.keycap-base.drag-over{border-color:#c5cae9}.keycap-base.drag-over .keycap{background-color:#c5cae9!important;border-color:#3f51b5!important}.keycap-base.drag-over .keyroof-base{border-color:#c5cae9!important;background-color:#c5cae9!important}.keycap-base.drag-over .keyroof{background-color:#c5cae9!important}.keycap-base.keycap-selected .keycap{background:#7986cb!important;border-color:#c5cae9!important}.keycap-base.keycap-selected .keyroof-base{border-color:#e8eaf6!important;background-color:#c5cae9!important}.keycap-base.keycap-selected .keyroof{background-color:#c5cae9!important}.keycap-base .keycap{cursor:pointer;border-radius:5px;font-size:12px;position:relative}.keycap-base .keycap.keycap-test-matrix{cursor:default}.keycap-base .keycap.keycap-test-matrix:hover{border:1px solid rgba(0,0,0,.6);animation:none}.keycap-base .keycap.keycap-test-matrix-down{transform-origin:center;animation-duration:.3s;animation-name:scale-down-base;animation-fill-mode:forwards}.keycap-base .keycap.keycap-border{border:1px solid rgba(0,0,0,.6)}.keycap-base .keycap.keycap-encoder{border-radius:30px}.keycap-base .keycap .encoder-toggle-icon{position:absolute;bottom:-16px;left:-8px}.keycap-base .keycap:hover,.keycap-base .keycap:hover~.keycap2{border:1px solid rgba(0,0,0,.1);animation:blink-border .3s}.keycap-base .keycap2:hover{border:1px solid rgba(0,0,0,.1);animation:blink-border .3s}.keycap-base .keyroof-base{border:2px solid rgba(255,255,255,.9);border-radius:3px;pointer-events:none;cursor:pointer}.keycap-base .keyroof-base.test-matrix{border-width:1px}.keycap-base .keyroof-base.test-matrix-down{border-width:0px;transform-origin:center;animation-duration:.3s;animation-name:scale-down-roof;animation-fill-mode:forwards}.keycap-base .keyroof-base.keyroof-encoder{border-radius:30px}.keycap-base .keyroof{display:flex;width:100%;height:100%;border-radius:2px;flex-direction:column;box-sizing:border-box;background-clip:padding-box;pointer-events:none;cursor:pointer}.keycap-base .keyroof.keyroof-encoder{border-radius:30px}.keycap-base .keyroof .keylabel{display:flex;justify-content:center;align-items:flex-start;pointer-events:none;position:relative;color:#333;flex-grow:1}.keycap-base .keyroof .keylabel.vcenter{align-items:center}.keycap-base .keyroof .keylabel.vbottom{align-items:flex-end}.keycap-base .keyroof .keylabel .label{position:absolute;font-size:.7rem;line-height:1.1;width:110%;overflow-wrap:anywhere}.keycap-base .keyroof .keylabel .label.debug{width:100%;padding:0}.keycap-base .keyroof .keylabel ._m{font-size:.7rem}.keycap-base .keyroof .keylabel ._s{font-size:.6rem}.keycap-base .keyroof .keylabel .keycode-label{font-weight:500;color:#757575}.keycap-base .keyroof .keylabel .modifier{color:#757575;font-size:.6rem;width:124%}.keycap-base .keyroof .keylabel .left{text-align:left;padding-left:2px}.keycap-base .keyroof .keylabel .center{text-align:center}.keycap-base .keyroof .keylabel .right{text-align:right;padding-right:8px;color:#9e9e9e}.keycap-base .keyroof .color-modifier{background-color:#c8c8c8!important}.keycap-base .keyroof .color-accent{background-color:gray!important}.keycap-base .keyroof .diff-dot{position:absolute;top:8px;right:8px}.keycap-base .pointer-pass-through{pointer-events:none}.holdkey-desc{font-size:.8rem;margin-bottom:8px;color:#757575}.customkey-auto-select-item{position:relative;display:flex;flex-direction:column;padding:4px 0;font-size:.87rem;width:100%}.customkey-auto-select-item .keycode-auto-label-wrapper{display:flex;flex-direction:row}.customkey-auto-select-item .keycode-auto-label-wrapper .keycode-auto-label{flex-grow:1}.customkey-auto-select-item .keycode-auto-label-wrapper .keycode-auto-category{color:#757575}.customkey-auto-select-item .keycode-auto-desc{font-size:.8rem;color:#757575}.profile-icon-avatar{width:31px!important;height:31px!important}.content{display:flex;position:relative;flex-direction:column}.content.fit-display-height{height:100vh}.content .phase-processing-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background-color:#fff;flex:1 1;width:100%}.keyboardlist-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background:#fff;flex:1 1}.keyboardlist-wrapper .message{padding:8px 0;margin-bottom:8px;font-size:1rem;text-align:center}.keyboardlist-wrapper .message .arrow-animation{width:50px;animation:fluffy 3s ease infinite}@keyframes fluffy{0%{transform:translate(0)}5%{transform:translate(0)}10%{transform:translate(0)}20%{transform:translate(-7px)}25%{transform:translate(0)}30%{transform:translate(7px)}50%{transform:translate(0)}to{transform:translate(0)}}.keyboardlist-wrapper .keyboardlist{width:320px;height:304px;overflow-y:scroll;border:1px solid rgba(0,0,0,.2)}.keyboardlist-wrapper .keyboardlist .keyboard-item{border-bottom:1px solid rgba(0,0,0,.2);border-left:3px solid white;padding:8px;cursor:pointer}.keyboardlist-wrapper .keyboardlist .keyboard-item:hover{border-left:3px solid #3f51b5;background-color:#c5cae9}.keyboardlist-wrapper .keyboardlist .keyboard-item h3{font-weight:700;font-size:1.2rem;margin:0;overflow-x:hidden}.keyboardlist-wrapper .keyboardlist .keyboard-item h3.another{font-weight:600;font-size:1rem}.keyboardlist-wrapper .keyboardlist .keyboard-item .device-ids{font-weight:400;font-size:40%}.keyboardlist-wrapper .opening-keyboard{position:absolute;width:320px;height:342px;background:#fffc}.keyboardlist-wrapper .opening-keyboard .progress{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px}.keyboarddefinitionform-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;background-color:#fff;flex:1 1;width:100%}.keyboarddefinitionform-wrapper .initializing{position:relative;width:320px;height:320px;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.keyboarddefinitionform-wrapper .drop-target{width:300px;height:280px;border-radius:10px;border:1px dashed rgba(0,0,0,.2);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#0003;font-size:1rem;font-weight:400}.keyboarddefinitionform-wrapper .drop-target-active{border:2px dashed rgba(0,0,0,.2);font-weight:700}.keyboarddefinitionform-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;background-color:#fff;flex:1 1}.keyboarddefinitionform-wrapper .message{margin:0 auto;padding:16px 0;font-size:1rem;overflow-wrap:anywhere}.keyboarddefinitionform-wrapper .message.message-small{font-size:.87rem}.keyboarddefinitionform-wrapper .upload-form{position:relative;width:320px;border:1px solid rgba(0,0,0,.2);padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.keyboarddefinitionform-wrapper .upload-form.area-small{width:200px}.keyboarddefinitionform-wrapper .upload-form.area-small .drop-target{width:180px;height:180px}.keyboarddefinitionform-wrapper .upload-form .place-holder div{text-align:center}.keyboarddefinitionform-wrapper .upload-form .place-holder .import-file input{display:none}.keyboarddefinitionform-wrapper .upload-form .drop-target{width:300px;height:280px;border-radius:10px;border:1px dashed rgba(0,0,0,.2);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#0003;font-size:1rem;font-weight:400}.keyboarddefinitionform-wrapper .upload-form .drop-target-active{border:2px dashed rgba(0,0,0,.2);font-weight:700}.keyboarddefinitionform-wrapper .upload-form .keyboarddefinitionform-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-color:#ffffffe6}.keyboarddefinitionform-wrapper .validation-errors{width:100%;max-width:853px;margin:8px auto}.keyboarddefinitionform-wrapper .validation-errors #other-possibilities .MuiAccordionDetails-root{flex-direction:column}.keyboarddefinitionform-wrapper .invalid-item{margin-top:8px;overflow-wrap:anywhere}.keyboard-wrapper{position:relative;width:100%;margin-top:calc(var(--key-height));z-index:1;overflow-y:hidden}.keyboard-wrapper .controller{display:flex;flex-direction:row;padding:16px;background-color:#fff}.keyboard-wrapper .controller .switch{display:flex;margin-left:auto}.keyboard-wrapper .keymap,.keyboard-wrapper .macro{display:flex;flex-direction:column;padding-bottom:32px;background-color:#fff}.keycode{display:flex;position:relative;flex-direction:column;padding:8px 8px 32px;background-color:#f3f3f3;overflow-y:auto}.keycode .disable{position:absolute;width:100%;height:100%;background:#fffc;margin-left:-16px;margin-top:-16px}.keycode-desc{display:flex;width:100%;padding:4px 16px;background-color:#0009;position:fixed;bottom:0;color:#fff;z-index:3}.keycode-desc .keycode-desc-detail{margin-left:auto}:root{--switch-width: 140px}.keycodes{display:flex;flex-direction:column;flex-wrap:wrap;max-width:1280px;margin:0 auto}.keycodes .sub-category-group{display:flex;flex-direction:row}.keycodes .sub-category-group:hover .keycodekey{border-color:#7986cb}.keycodes .sub-category-group:hover .sub-category span{color:#7986cb}.keycodes .sub-category-group .sub-category{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;overflow-wrap:anywhere;width:90px;min-width:90px;height:calc(var(--key-height));border:1px solid transparent;margin-right:8px;margin-top:8px}.keycodes .sub-category-group .sub-category span{font-size:.72rem;font-weight:600;padding:0 2px}.keycodes .sub-category-group .sub-category-keys{display:flex;flex-direction:row;flex-wrap:wrap}.key-categories{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;padding:8px 0}.key-categories .blank-category{width:var(--switch-width)}.key-categories .key-category{margin:0 8px}.key-categories .key-category.key-category-empty-keys button:disabled{color:#dbdbdb;background-color:#fff0}.key-categories .key-category button{font-weight:400;background-color:#fff0}.key-categories .key-category button:disabled,.key-categories .key-category button:hover{background-color:#c5cae9}.key-categories .key-category button:disabled{color:#fff}.key-categories .key-category button:hover{transition:background-color .5s}.key-categories .key-category .keycodes-search{margin-top:-14px}.key-categories .key-category .keycodes-search svg{color:#000000b3}.key-categories .keylayout-switch{display:flex;margin-left:auto;width:var(--switch-width)}.macro-wrapper{display:flex;flex-direction:column}.macro-wrapper .macro{padding:32px 64px}.macro-wrapper .macro textarea{width:100%;height:90px;border:1px solid rgba(0,0,0,.4)}.anykey-dialog input{padding-right:18px}.anykey-dialog .hex-code-wrapper{display:flex;position:relative;margin-top:16px}.anykey-dialog .hex-code-wrapper .hex-code{position:absolute;top:21px;font-size:1rem;color:#9e9e9e}.anykey-dialog .hex-code-wrapper input{padding-left:18px;padding-right:0}.keycodekey{width:calc(var(--key-width));height:calc(var(--key-height));border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;background-color:#fff;color:#333;margin-right:8px;margin-top:8px;z-index:1;position:relative}.keycodekey:hover{background-color:#c5cae9!important}.keycodekey.grabbable{cursor:grab}.keycodekey.dragging{cursor:grabbing;z-index:2}.keycodekey.addkey{border:1px dashed #ccc}.keycodekey.addkey:hover{background-color:#c5cae9;transition:background-color .5s}.keycodekey .edit-icon{position:absolute;bottom:0;right:2px;cursor:pointer}.keycodekey .edit-icon svg{width:14px;height:14px}.keycodekey .code-label{display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.1;font-size:.72rem;overflow-wrap:anywhere;overflow:hidden;padding:2px;height:40%}.keycodekey .code-label .code-row{display:flex;width:30%}.keycodekey .code-label .code-row.modifier-label{justify-content:center;align-items:center}.keycodekey .code-label .code-row-center{width:40%;justify-content:center}.keycodekey .code-label .code-row-right{color:#757575;font-size:.6rem}.keycodekey .code-label-expand{flex-grow:1}.keycodekey .modifier-label{height:30%;color:#757575;font-size:.6rem}.keydiff-wrapper{display:flex;flex-direction:row;justify-content:center;height:78px;z-index:3}.keydiff-wrapper .diff{display:flex;flex-direction:row;justify-content:center;margin-bottom:8px}.keydiff-wrapper .diff .test-matrix-message{z-index:2;color:#fff;display:flex;flex-direction:column;justify-content:center}.keydiff-wrapper .diff .test-matrix-message h3{margin:0}.keydiff-wrapper .diff .close-test-matrix{display:flex;z-index:2;margin-left:auto;margin-top:auto}.keydiff-wrapper .diff .close-test-matrix button{color:#fff}.keydiff-wrapper .label-lang{display:flex;justify-content:flex-start;align-items:center;padding:16px}.keydiff-wrapper .label-lang,.keydiff-wrapper .balancer{min-width:80px}.keyboards-wrapper{display:flex;flex-direction:row}.keyboards-wrapper .layer-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:80px;padding-left:16px;z-index:2}.keyboards-wrapper .layer-wrapper .MuiPagination-ul{flex-direction:column}.keyboards-wrapper .keyboards{display:flex;flex-direction:row;justify-content:center;position:relative;z-index:2}.keyboards-wrapper .keyboards .keyboard-root{display:flex;justify-content:center;align-items:center;border-left:5px solid #ececec;border-right:5px solid #ececec;border-top:1px solid #ececec;border-bottom:8px solid #f3f3f3;border-radius:8px;background-color:#fcfcfc;-webkit-filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));-moz-filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));-ms-filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2))}.keyboards-wrapper .keyboards .keyboard-root .keyboard-frame{width:100%;position:relative}.keyboards-wrapper .keyboards .app-info{position:absolute;right:16px;bottom:4px;color:#c5cae9}.diff-frame{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:8px}.diff-frame .spacer{width:94px}.diff-frame .key-orig,.diff-frame .key-dest{position:relative}.diff-frame .key-orig .keycodekey,.diff-frame .key-dest .keycodekey{margin:0!important}.diff-frame .arrow{margin:0 16px}.diff-frame .cancel-button{margin-left:8px}.customkey-popover .MuiTab-root{min-width:95px!important}.customkey-popover .MuiPopover-paper{overflow-x:visible;overflow-y:visible;margin-top:-12px}.customkey-popover .MuiPaper-root:before{content:"";position:absolute;display:block;width:0;height:0;left:185px;bottom:-15px;border-top:15px solid #ffffff;border-right:15px solid transparent;border-left:15px solid transparent}.customkey-popover .MuiPaper-root .customkey-tabpanel{position:relative;padding:16px}.customkey-popover .MuiPaper-root .customkey-body{width:400px;height:254px}.customkey-popover .MuiPaper-root .customkey-body .customkey-field{margin-bottom:16px}.customkey-popover .MuiPaper-root .customkey-body .customkey-field-hex{margin-top:8px}.customkey-popover .MuiPaper-root .customkey-body .customkey-label{width:100%}.customkey-popover .MuiPaper-root .customkey-body .customkey-description{margin-bottom:16px;font-size:.9rem}.customkey-popover .MuiPaper-root .customkey-body .customkey-code div:before{content:"0x";margin-left:16px;color:#9e9e9e}.customkey-popover .MuiPaper-root .customkey-body .customkey-code input{padding-left:2px}.customkey-popover .MuiPaper-root .customkey-body .customkey-meta{color:#dbdbdb;font-size:.7rem;align-items:flex-end;display:flex;flex-direction:column;position:relative;margin-top:-36px;margin-right:8px}.customkey-popover .MuiPaper-root .customkey-body .customkey-meta div{height:16px}.customkey-popover .MuiPaper-root .customkey-body .customkey-bcode{color:#dbdbdb;font-size:.7rem;justify-content:flex-end;display:flex;margin-top:-34px;margin-right:8px}.customkey-popover .MuiPaper-root .modifiers-label{font-weight:700}.popover-below .MuiPaper-root:before{content:"";position:absolute;display:block;width:0;height:0;left:185px;bottom:254px;border-bottom:15px solid #ffffff;border-right:15px solid transparent;border-left:15px solid transparent;border-top:0}.popover-right .MuiPaper-root:before{content:"";position:absolute;display:block;width:0;height:0;left:-22px;bottom:120px;border-top:15px solid #ffffff;transform:rotate(90deg)}.popover-left .MuiPaper-root:before{content:"";position:absolute;display:block;width:0;height:0;left:392px;bottom:120px;border-top:15px solid #ffffff;transform:rotate(270deg)}.customkey-desc{font-size:.8rem;color:#757575;height:30px;padding-top:4px}.keymap-menu{display:flex;width:80px;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 16px;z-index:2}.keymap-menu .keymap-menu-item{margin-bottom:8px}.keymap-menu .keymap-menu-item:first-child,.keymap-menu .keymap-menu-item:last-child{margin-top:auto}.keymap-menu-item-submenu .MuiListItemIcon-root{min-width:36px}.lighting-dialog .close-dialog{position:absolute;top:20px;right:20px}.lighting-dialog .close-dialog:hover{color:#7986cb;cursor:pointer}.lighting-dialog .lighting-dialog-content{display:flex;flex-direction:row;padding-left:24px}.lighting-settings h4{margin:0;padding:8px 0 0}.lighting-settings .lighting-label-disabled{color:gray}.lighting-settings .lighting-label{font-size:.87rem;margin-top:12px}.lighting-settings .lighting-value{width:246px}.lighting-settings .color-wheel{position:relative;text-align:center}.lighting-settings .color-wheel-disabled{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff80;z-index:1}.lighting-settings .underglow-color,.lighting-settings .underglow-color .underglow-color-value{display:flex}.lighting-settings .underglow-color .underglow-color-value:not(:last-child){margin-right:4px}.lighting-settings .underglow-color .color-rgb{flex-grow:4;contain:size}.lighting-settings .underglow-color .color-hue,.lighting-settings .underglow-color .color-saturation,.lighting-settings .underglow-color .color-brightness{flex-grow:3;contain:size}.reinvented-color-wheel,.reinvented-color-wheel--hue-handle,.reinvented-color-wheel--hue-wheel,.reinvented-color-wheel--sv-handle,.reinvented-color-wheel--sv-space{touch-action:manipulation;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reinvented-color-wheel{position:relative;display:inline-block;line-height:0;border-radius:50%}.reinvented-color-wheel--hue-wheel{border-radius:50%}.reinvented-color-wheel--sv-space{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.reinvented-color-wheel--hue-handle,.reinvented-color-wheel--sv-handle{position:absolute;box-sizing:border-box;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000 inset}.reinvented-color-wheel--hue-handle{pointer-events:none}.layout-option-root .MuiPopover-paper{overflow-x:visible;overflow-y:visible;margin-top:-12px}.layout-option-root .layout-option-popover{width:360px;font-size:.9rem}.layout-option-root .layout-option-popover .layout-option-header{padding:16px!important}.layout-option-root .layout-option-popover .layout-option-header{border-bottom:1px solid rgba(0,0,0,.2)}.layout-option-root .layout-option-popover .layout-option-header h2{margin:0}.layout-option-root .layout-option-popover .layout-option-header .layout-option-close-btn{text-align:center}.layout-option-component-list-content{padding:16px!important}.layout-option-component-list-option-label,.layout-option-component-list-option-value{display:flex;align-items:center}.layout-option-component-list-option-value{justify-content:flex-end}.layout-option-component-list-option-value-option-value-select{width:100%;font-size:.9rem}.import-file-dialog .close-dialog{position:absolute;top:20px;right:20px}.import-file-dialog .close-dialog:hover{color:#7986cb;cursor:pointer}.import-file-dialog .import-file-content{width:540px;height:440px}.import-file-dialog .import-file-content .import-success{margin-top:16px}.import-file-dialog .import-file-content .import-success .apply-definition{padding:8px 0;display:flex;justify-content:flex-end}.import-file-dialog .import-file-content .import-success .apply-definition button{margin-left:8px}.option-warning-message{font-size:90%;line-height:.95rem;color:gray;margin-bottom:8px}.keymaplist-root .keymaplist{padding:0 16px 8px}.keymaplist-root .keymaplist-popover{width:400px;max-height:400px;display:flex;flex-direction:column}.keymaplist-root .keymaplist-popover .keymaplist-header{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid rgba(0,0,0,.2)}.keymaplist-root .keymaplist-popover .keymaplist-header .keymaplist-header-buttons{margin-left:auto}.keymaplist-root .keymaplist-popover .keymaplist-content{display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.keymaplist-root .keymaplist-popover .keymaplist-content::-webkit-scrollbar{display:none}.keymaplist-root .keymaplist-popover .keymaplist-content .no-saved-keymap{padding-bottom:16px}.keymaplist-root .keymaplist-popover .keymaplist-content .no-saved-keymap .keymaplist-warning{color:#ff9800}.keymaplist-root .keymaplist-popover .keymaplist-content .my-keymaplist-header{display:flex;flex-direction:row;align-items:center}.keymaplist-root .keymaplist-popover .keymaplist-content .my-keymaplist-header-shared{margin-right:8px}.keymaplist-root .keymaplist-popover .keymaplist-content .MuiTab-root{min-width:120px;width:120px}.keymaplist-root .keymaplist-popover .keymaplist-content .MuiListItemText-primary{overflow-x:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.keymaplist-root .keymaplist-popover .keymaplist-content .MuiListItemText-primary::-webkit-scrollbar{display:none}.keymaplist-root .keymaplist-popover .keymaplist-content .MuiListItemText-secondary{overflow-wrap:anywhere;overflow-y:scroll;max-height:40px;-ms-overflow-style:none;scrollbar-width:none}.keymaplist-root .keymaplist-popover .keymaplist-content .MuiListItemText-secondary::-webkit-scrollbar{display:none}.keymaplist-root .keymaplist-popover .keymaplist-content .MuiListItemIcon-root{min-width:36px}.keymaplist-root .keymaplist-popover .request-signin{padding:16px;display:flex;flex-direction:column}.keymaplist-root .keymaplist-popover .request-signin .request-signin-message{color:#ff9800}.keymaplist-root .keymaplist-popover .request-signin .request-signin-actions{display:flex;justify-content:center;padding-top:16px}.keymap-save-dialog .close-dialog{position:absolute;top:20px;right:20px}.keymap-save-dialog .close-dialog:hover{color:#7986cb;cursor:pointer}.keymap-save-dialog .keymap-save-content{width:540px;display:flex;flex-direction:column}.keymap-save-dialog .keymap-save-content .keymap-save-text-counter{text-align:right;color:#757575;margin-right:8px;margin-bottom:8px;top:-20px;position:relative}.keymap-save-dialog .keymap-save-footer{display:flex;flex-direction:row}.keymap-save-dialog .keymap-save-footer .keymap-save-savebtn{margin-left:auto}.key-event-capture{outline:none}.macro-editor-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.macro-editor-content{width:662px;display:flex;flex-direction:column}.macro-editor-content-title{background-color:#fff;font-size:18px;font-weight:600;z-index:1;padding:8px}.macro-editor-content-keys{background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;min-height:90px;width:100%;overflow-x:hidden;z-index:1;padding:4px;border-bottom:1px solid rgba(0,0,0,.2)}.macro-editor-content-keys:focus{outline:2px solid gray}.macro-editor-content-keys .macro-hold-with-spacer{display:flex;flex-direction:row}.macro-editor-content-keys .macro-hold-with-spacer .macro-drop-spacer{width:4px;height:90px;margin-top:2px;margin-right:2px;background-color:#fff}.macro-editor-content-keys .macro-hold-with-spacer .macro-drop-spacer-over{background-color:#3f51b5}.macro-editor-content-footer{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;padding:8px}.macro-editor-content-footer :last-child{margin-left:auto!important}.macro-hold{border:1px solid #7986cb!important}.macro-hold:hover{cursor:grab}.macro-hold .macro-hold-keys{display:flex;flex-direction:row}.prevent-drop-macro{position:relative;display:flex;flex-wrap:wrap;width:100%;height:93px;margin-top:-93px;z-index:2;padding:2px;background-color:#0006;border-radius:3px;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:.67rem;font-weight:600}.macro-hold-wrapper{padding:8px 4px 2px;margin-top:2px;margin-right:2px;border:1px solid white;border-radius:3px}.macro-hold-wrapper .macro-key-wrapper{position:relative;padding:0 2px;border-left:2px solid rgba(1,1,1,0);border-right:2px solid rgba(1,1,1,0);justify-content:center;align-items:center;display:flex;flex-direction:column;z-index:2}.macro-hold-wrapper .macro-key-wrapper .macro-key{width:calc(var(--key-width));height:calc(var(--key-height));border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;background-color:#fff;color:#333;align-items:center;justify-content:center}.macro-hold-wrapper .macro-key-wrapper .macro-key-label{justify-content:center;align-items:center;text-align:center;line-height:1.1;font-size:.72rem;overflow-wrap:anywhere;overflow:hidden;padding:2px;height:40%}.macro-hold-wrapper .macro-key-wrapper .macro-key:hover{cursor:grab}.macro-hold-wrapper .macro-key-wrapper .macro-key-top{display:flex;width:100%;justify-content:space-between}.macro-hold-wrapper .macro-key-wrapper .macro-key-top-left{display:flex;flex-direction:row;align-items:center;height:14px;cursor:pointer}.macro-hold-wrapper .macro-key-wrapper .macro-key-top-left span{display:inline-block;font-size:.6rem;font-weight:600;color:#3f51b5}.macro-hold-wrapper .macro-key-wrapper .macro-key-top a{font-size:.7rem;cursor:pointer;color:#7986cb;margin-right:2px}.macro-hold-wrapper .macro-key-wrapper .macro-key-middle{font-weight:600}.macro-hold-wrapper .macro-key-wrapper .macro-key-middle a{cursor:pointer}.macro-hold-wrapper .macro-key-wrapper .macro-key-bottom{font-size:.6rem}.macro-hold-wrapper .macro-key-wrapper .macro-key-bottom a{font-size:.7rem;cursor:pointer}.macro-hold-wrapper .macro-key-wrapper .macro-key-tap{border-color:#7986cb;color:#3f51b5;box-shadow:0 0 4px #7986cb}.macro-hold-wrapper .macro-key-wrapper .macro-key-hold{border-color:#c5cae9;color:#3f51b5;box-shadow:0 0 2px #c5cae9}.macro-hold-wrapper .macro-key-under{height:25px;justify-content:center;align-items:center;display:flex}.macro-hold-wrapper .macro-key-under .macro-key-toggle-tap-hold-btn{color:#3f51b5;font-weight:600;font-size:.6rem!important}.drag-over-left{border-left:2px solid #3f51b5!important}.drag-over-right{border-right:2px solid #3f51b5!important}.macro-drop-key-area{height:81px;flex-grow:1;margin-bottom:8px;margin-left:-2px}.macro-drop-key-area .macro-drop-key-content{width:100%;height:100%}.macro-drop-key-area-with-message{padding:0 16px;display:flex;align-items:center;font-size:medium;border:1px dashed rgba(0,0,0,.2);border-radius:4px;color:#757575}.flash-button-wrapper{width:7rem;justify-content:center;align-items:center}@keyframes button-disable-intro{0%{opacity:.5}to{opacity:1}}@keyframes button-enable-intro{0%{opacity:.5}to{border-color:#3f51b5;background-color:#3f51b5;opacity:1}}@keyframes button-flashing{0%{margin:auto}20%{color:transparent;transform:scale(1)}40%{border-color:#3f51b5;background-color:transparent;transform:scale(1)}60%{transform:scale(.7,1.1);margin-left:1.25rem;width:2.5rem;text-indent:-.6125rem;color:transparent;border-color:#3f51b5;background-color:#3f51b5}80%{transform:scale(1)}to{margin-left:1.25rem;width:2.5rem;background-color:#3f51b5;border-color:#3f51b5;color:transparent}}@keyframes button-dot-intro{0%{opacity:0}60%{opacity:.8;transform:scale(1)}to{transform:scale(.75)}}@keyframes button-dot-pulse{0%{opacity:.6;transform:scale(.75)}15%{transform:scale(.85)}45%{transform:scale(.75)}75%{transform:scale(.95)}to{opacity:.9;transform:scale(.75)}}@keyframes button-success{0%{margin-left:1.25rem;width:2.5rem}10%{border-color:#3f51b5}20%{opacity:1;width:7rem;transform:scale(1)}80%{opacity:1;width:7rem;border-color:#3f51b5}to{border-color:#c5cae9;opacity:0}}@keyframes button-success-label{0%{opacity:0}to{opacity:1}}.flash-button{position:relative;overflow:hidden;width:7rem;color:#c5cae9;border:3px solid #c5cae9;background-color:transparent;cursor:pointer;line-height:2;margin:0;padding:0;border-radius:1.5rem;font-size:1rem;outline:none;transition:transform .125s}.flash-button:disabled{cursor:not-allowed}.flash-button.enable{color:#fff;animation:button-enable-intro .4s forwards}.flash-button.disable{cursor:not-allowed;animation:button-disable-intro .5s forwards}.flash-button:before,.flash-button:after{position:absolute;opacity:0;border-radius:50%;top:50%;left:50%;margin-top:-1.125rem;margin-left:-1.125rem;width:2.25rem;height:2.25rem;content:"";z-index:1}.flash-button.flashing{display:flex;margin:auto;height:40px;animation:button-flashing .5s forwards}.flash-button.flashing:before,.flash-button.flashing:after{background-color:#fff}.flash-button.flashing:before{opacity:1;animation:button-dot-intro 2.5s forwards}.flash-button.flashing:after{opacity:0;animation:button-dot-pulse 2.5s infinite}.flash-button.success{display:flex;margin:auto;text-indent:0;color:transparent;background-color:#fff;animation:button-success 2.5s forwards}.flash-button.success:before{position:absolute;left:0;right:0;top:auto;margin:0;width:auto;height:auto;border-radius:0;background-color:transparent;color:#3f51b5;content:"success";opacity:0;z-index:2;animation:button-success-label .3s forwards .275s}.footer{display:grid;grid-template-columns:.8fr 1.4fr .8fr;position:fixed;background-color:#fff;padding:4px 8px;bottom:0;left:0;width:100%;font-size:.8rem;box-shadow:0 0 2px #00000024;z-index:1}.footer a{color:#7986cb}.footer-dev-team{text-align:start}.footer-dev-team-years{display:inline-block;margin-right:4px}.footer-contents{display:flex;flex-direction:row;justify-content:center}.footer-contents .footer-content{display:flex;flex-direction:row;align-items:center}.footer-contents .footer-content:not(:first-child){margin-left:16px}.footer-contents .footer-content a{display:flex;flex-direction:row;align-items:center}.footer-contents-mobile{display:none}.footer .app-version{text-align:end;color:#dbdbdb}@media screen and (max-width: 599px){.footer-dev-team-years,.footer-contents{display:none}.footer-contents-mobile{display:flex;flex-direction:row;justify-content:center}.footer-contents-mobile .footer-content{display:flex;flex-direction:row;align-items:center}.footer-contents-mobile .footer-content:not(:first-child){margin-left:16px}.footer-contents-mobile .footer-content a{display:flex;flex-direction:row;align-items:center}}.message-box-wrapper{background-color:#fff;width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center}.message-box-wrapper .message-box{width:600px;border:1px solid lightgray;border-radius:8px;padding:16px;margin-top:64px}.hid button,.hid div{margin:8px}.hid div.box{border:1px solid lightgray}.hid input[type=text],.hid input[type=number]{width:50px;margin-right:8px}.hid label{margin-right:8px}.hero-content{background-color:#fff;padding:64px 0 24px}.hero-buttons{margin-top:32px;display:flex;flex-direction:row;justify-content:center}.card-grid{padding-top:64px;padding-bottom:64px}.card{height:100%;display:flex;flex-direction:column}.card-media{height:0;padding-top:56.25%}.card-content{flex-grow:1}.feature-image{width:100%;height:150px;background-repeat:no-repeat;background-size:contain;background-position:center}.keyboards-header{display:flex;position:fixed;height:calc(var(--key-height));width:100%;flex-direction:row;align-items:center;margin:0;padding:0 8px;background:#fff;border-bottom:1px solid rgba(0,0,0,.2);z-index:2;justify-content:center}.keyboards-header-menu-button{position:fixed;right:16px;cursor:pointer}.keyboards-header-avatar{width:31px!important;height:31px!important}.keyboards-content{display:flex;position:relative;flex-direction:column;align-items:center;min-width:780px;height:100vh}.keyboards-content .keyboards-phase-processing-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background-color:#fff;flex:1 1;width:100%}.definition-list-wrapper{position:fixed;width:100%;max-width:960px;margin-top:calc(var(--key-height));z-index:1;display:flex;flex-direction:column;align-items:center}.definition-list-container{width:100%;height:calc(100vh - var(--key-height) - 26px);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.definition-list{width:100%;padding-top:16px;padding-bottom:16px}.definition-list-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-top:16px}.definition{margin-bottom:16px}.definition .no-registered-keyboard{text-align:center;padding:64px}.definition-container{display:flex;flex-direction:row;align-items:center}.definition-container-right{margin-left:auto}.definition-header{display:flex;flex-direction:row;align-items:center}.definition-header .status-badge-in-review{background-color:#c5cae9}.definition-name{margin:0 16px 0 0;font-size:2rem}.definition-meta{display:flex;flex-direction:row}.definition-meta-info{margin-right:16px}.definition-meta-info-label{display:inline-block;font-weight:700;margin-right:8px}.create-definition-wrapper{position:fixed;width:100%;margin-top:calc(var(--key-height));z-index:1;display:flex;flex-direction:column;align-items:center}.create-definition-container{width:100%;height:calc(100vh - var(--key-height) - 26px);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.create-definition-stepper{margin-top:16px;margin-bottom:16px!important}.create-definition-card{width:100%;max-width:960px;padding-top:16px;padding-bottom:16px}.create-definition-form-container{display:flex;flex-direction:row}.create-definition-upload-form{display:flex;flex-direction:row;align-items:baseline;flex:none;width:400px;height:100%;max-height:500px;overflow-y:auto}.create-definition-upload-msg{font-weight:700;font-size:140%}.create-definition-form{display:flex;flex-direction:column;width:100%;padding:0 32px}.create-definition-form-row{margin-bottom:16px;width:100%;display:flex;flex-direction:column}.create-definition-form-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.create-definition-form-buttons button{margin-left:16px}.create-definition-form-notice{font-size:80%;color:gray;margin-top:8px}.edit-definition-wrapper{position:fixed;width:100%;margin-top:calc(var(--key-height));z-index:1;display:flex;flex-direction:column;align-items:center}.edit-definition-container{width:100%;height:calc(100vh - var(--key-height) - 26px);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.edit-definition-card{width:100%;max-width:960px;padding-top:16px;padding-bottom:16px}.edit-definition-alert{margin:0 32px 32px}.edit-keyboard-header{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-keyboard-tabs{margin-bottom:16px}.edit-keyboard-stepper{margin-top:16px;margin-bottom:16px!important}.edit-definition-form-container{display:flex;flex-direction:row}.edit-definition-form{display:flex;flex-direction:column;width:100%;padding:0 32px}.edit-definition-form-row{margin-bottom:16px;width:100%;display:flex;flex-direction:column}.edit-definition-form-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.edit-definition-form-buttons button{margin-left:4px}.edit-definition-form-notice{font-size:80%;color:gray;margin-top:8px}.edit-definition-upload-form{display:flex;flex-direction:row;align-items:baseline;flex:none;width:400px;height:100%;max-height:500px;overflow-y:auto}.edit-definition-upload-msg{font-weight:700;font-size:140%}.edit-definition-catalog-form-container{display:flex;flex-direction:row}.edit-definition-catalog-form{display:flex;flex-direction:column;width:100%;padding:0 32px}.edit-definition-catalog-form-section{margin-bottom:16px;width:100%;display:flex;flex-direction:column}.edit-definition-catalog-form-row{margin-bottom:24px;width:100%;display:flex;flex-direction:column}.edit-definition-catalog-form-additional-description{padding:8px;margin-bottom:32px}.edit-definition-catalog-form-additional-description-entry{display:flex;flex-direction:row;align-items:center}.edit-definition-catalog-form-additional-description-entry-field{flex:auto;margin-right:8px!important}.edit-definition-catalog-form-additional-description-row{width:100%;display:flex;flex-direction:column;margin-top:8px}.edit-definition-catalog-form-additional-description-row:last-child{margin-top:16px}.edit-definition-catalog-form-additional-description-row-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px}.edit-definition-catalog-form-additional-description-row-buttons button{margin-right:4px}.edit-definition-catalog-form-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.edit-definition-catalog-form-buttons button{margin-left:4px}.edit-definition-catalog-form-upload-image-form{display:flex;flex-direction:row}.edit-definition-catalog-form-upload-image-form:first-child{margin-bottom:8px}.edit-definition-catalog-form-upload-image-form-area{width:200px;height:150px;border:1px dashed rgba(0,0,0,.2);border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.edit-definition-catalog-form-upload-image-form-area-active{border:2px dashed rgba(0,0,0,.2);font-weight:700}.edit-definition-catalog-form-upload-image-form-progress{width:200px;height:150px;display:flex;flex-direction:row;justify-content:center;align-items:center}.edit-definition-catalog-form-upload-image-form-message{color:#9e9e9e}.edit-definition-catalog-form-upload-image-form-thumbnail{margin-left:8px;width:200px;height:150px;border:1px solid #e0e0e0}.edit-definition-catalog-form-upload-image-form-image,.edit-definition-catalog-form-upload-image-form-sub-image{margin-left:8px;border:1px solid #e0e0e0;width:200px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center}.edit-definition-catalog-form-upload-image-form-sub-image-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fffc;color:#000;cursor:pointer}.edit-definition-catalog-form-store-form{display:flex;flex-direction:row;justify-content:flex-end}.store-add-dialog-close-dialog{position:absolute;top:20px;right:20px;cursor:pointer}.store-add-dialog-content{width:540px;display:flex;flex-direction:column}.store-add-dialog-field{margin-bottom:16px;width:100%}.edit-definition-firmware-form-container{display:flex;flex-direction:row;width:100%}.edit-definition-firmware-form-panel-left{width:40%;margin-right:16px}.edit-definition-firmware-form-panel-right{width:60%}.edit-definition-firmware-form-row{margin-bottom:16px;width:100%;display:flex;flex-direction:column}.edit-definition-firmware-form-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.edit-definition-firmware-form-buttons button{margin-left:4px}.edit-definition-firmware-form-upload-area{width:100%;height:50px;border:1px dashed rgba(0,0,0,.2);border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.edit-definition-firmware-form-upload-area-active{border:2px dashed rgba(0,0,0,.2);font-weight:700}.edit-definition-firmware-form-upload-message{color:#9e9e9e}.edit-definition-firmware-form-total-download-count{margin-bottom:16px}.edit-definition-firmware-form-card{width:100%;margin-bottom:16px}.edit-definition-firmware-form-card-buttons{justify-content:flex-end}.edit-definition-firmware-form-nothing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.edit-firmware-dialog-content{display:flex;flex-direction:column;width:500px}.edit-firmware-dialog-item{margin-bottom:12px!important}.edit-definition-build-form-container{display:flex;flex-direction:column;width:100%}.edit-definition-build-form-row{margin-bottom:16px;width:100%;display:flex;flex-direction:column}.edit-definition-statistics-container{display:flex;flex-direction:column;width:100%}.catalog-header{display:flex;position:fixed;height:calc(var(--key-height));width:100%;flex-direction:row;align-items:center;margin:0;padding:0 8px;background:#fff;border-bottom:1px solid rgba(0,0,0,.2);z-index:2;justify-content:space-between}.catalog-header-logo-nav{display:flex;flex-direction:row;align-items:center}.catalog-header-logo-nav div:first-child{margin-left:8px}.catalog-header-logo{margin-top:8px}.catalog-header-buttons{display:flex;flex-direction:row}.catalog-header-menu-button{cursor:pointer}.flash-firmware-dialog-info{display:flex;flex-direction:column}.flash-firmware-dialog-info-item{display:flex;flex-direction:row;margin-bottom:4px}.flash-firmware-dialog-info-item-title{display:flex;flex-direction:column;justify-content:center;flex:none;margin-right:16px}.flash-firmware-dialog-instruction{display:flex;flex-direction:column;justify-content:center;margin:8px;padding:8px;border:1px solid #e0e0e0}.flash-firmware-dialog-instruction-items{display:flex;flex-direction:row;margin-top:8px}.flash-firmware-dialog-instruction-item{display:flex;flex-direction:column;width:200px;align-items:center;margin-right:4px}.flash-firmware-dialog-instruction-item:last-child{margin-right:0}.flash-firmware-dialog-instruction-item img{width:100px;height:100px;margin-bottom:8px}.flash-firmware-dialog-progress{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:16px}.flash-firmware-dialog-progress-circular{margin-right:16px;flex:none}.flash-firmware-dialog-progress-logs{flex-grow:1}.upload-firmware-dialog-upload-file-form{display:flex;flex-direction:row;justify-content:center;margin-top:16px}.upload-firmware-dialog-upload-file-form-area{width:400px;height:150px;border:1px dashed rgba(0,0,0,.2);border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.upload-firmware-dialog-upload-file-form-area-active{border:2px dashed rgba(0,0,0,.2);font-weight:700}.upload-firmware-dialog-upload-file-form-message{color:#9e9e9e}.catalog-content{display:flex;position:relative;flex-direction:column;align-items:center;height:100%;width:100%;min-height:100vh;max-width:960px;margin:0 auto;padding-top:64px}.catalog-content-nav{width:100%;display:flex;flex-direction:row;justify-content:flex-start}.catalog-content-nav .MuiTabs-root{background-color:#fff}.catalog-processing-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background-color:#fff;flex:1 1;width:100%;height:100vh}@media screen and (max-width: 599px){.catalog-content{padding-top:calc(var(--key-height))}}.catalog-share-buttons{margin-right:16px;display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto;align-items:center}.catalog-search-wrapper{position:relative;width:100%;z-index:1;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.catalog-search-container{width:100%;margin-top:calc(var(--key-height));height:calc(100vh - var(--key-height));overflow-y:auto;display:flex;flex-direction:column;align-items:center}.catalog-search-condition-container{display:flex;flex-direction:column;margin:16px}.catalog-search-condition-xm{padding:8px 16px}.catalog-search-condition-xm-keyword{font-weight:600;margin-right:4px;margin-bottom:4px}.catalog-search-condition-xm .MuiChip-root{margin-right:4px;margin-bottom:4px;font-size:.7rem}.catalog-search-result-container{display:flex;flex-direction:column;margin:16px 16px 48px}.catalog-search-result-container a{color:#000;text-decoration:none}.catalog-search-result-pagination{display:flex;flex-direction:row;justify-content:center;margin-bottom:16px}.catalog-search-result-card{margin-bottom:16px;cursor:pointer;min-height:100px;display:flex;flex-direction:row;height:150px}.catalog-search-result-card-container{width:100%;height:100%;padding:0!important}.catalog-search-result-card-wrapper{width:100%;height:100%;padding:16px;padding-top:8px!important}.catalog-search-result-card-image{width:200px;height:150px;flex:none}.catalog-search-result-card-no-image{width:200px;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#757575;background-color:#e0e0e0}.catalog-search-result-card-content{width:100%}.catalog-search-result-card-header{display:flex;flex-direction:row}.catalog-search-result-card-header-name-container{display:flex;flex-direction:column}.catalog-search-result-card-header-name-row{display:flex;flex-direction:row}.catalog-search-result-card-header-name-row .MuiTypography-root{margin-right:16px}.catalog-search-result-card-icon{margin-left:8px;margin-right:16px;margin-top:8px}.catalog-search-result-card-name{margin:0;font-size:1.6rem}.catalog-search-result-card-chip-container{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:16px}.catalog-search-result-card-chip-container .MuiChip-root{margin-right:4px;margin-bottom:4px}.catalog-search-result-card-features{margin-top:4px}.catalog-search-result-card-features .MuiChip-root{margin-right:2px;margin-bottom:2px}@media screen and (max-width: 599px){.catalog-search-result-card{flex-direction:column;height:210px}.catalog-search-result-card-container{height:110px;overflow-y:scroll}.catalog-search-result-card-wrapper{padding:8px}.catalog-search-result-card-image{width:100%;height:100px}.catalog-search-result-card-no-image{width:100%}.catalog-search-result-card-header-name-row .MuiTypography-root{margin-right:8px}.catalog-search-result-card-name{font-size:1.1rem}.catalog-search-result-card-features .MuiChip-root,.catalog-search-result-card .MuiTypography-caption{font-size:.7rem}}.catalog-search-condition-container{display:flex;flex-direction:column;margin:16px 16px 48px}.catalog-search-condition{margin-bottom:16px}.catalog-search-buttons{display:flex;flex-direction:row;justify-content:flex-end}.catalog-search-buttons button{margin-left:16px}.catalog-search-dialog-header{display:flex;flex-direction:row;justify-content:flex-end}.catalog-keyboard-wrapper{position:fixed;width:100%;max-width:960px;margin-top:calc(var(--key-height));z-index:1;display:flex;flex-direction:column;align-items:center}.catalog-keyboard-container{width:100%;height:calc(100vh - var(--key-height) - 26px);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.catalog-keyboard-tabs{width:100%;margin-bottom:16px}.catalog-keyboard-content{width:100%}@media screen and (max-width: 599px){.catalog-keyboard-header{padding:8px}}.catalog-keyboard-column{width:100%}.catalog-keyboard-image{display:flex;flex-direction:row;justify-content:center;align-items:center}.catalog-keyboard-image img{width:400px;height:300px}.catalog-keyboard-image-nothing{width:400px;height:300px;display:flex;flex-direction:row;justify-content:center;align-items:center}.catalog-keyboard-section{margin:0 8px 16px}.catalog-keyboard-section h2{font-size:24px;font-weight:700;margin-bottom:16px}.catalog-keyboard-chip-container{margin-bottom:16px}.catalog-keyboard-chip-container div{margin-right:8px;margin-bottom:8px}.catalog-keyboard-stores{display:flex;flex-direction:row}.catalog-keyboard-store{display:inline-block;margin-right:16px}.catalog-introduction-wrapper{position:relative;width:100%;max-width:960px;z-index:1;display:flex;flex-direction:column;align-items:center}.catalog-introduction-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}@media screen and (max-width: 599px){.catalog-introduction-container{padding-top:0}}.catalog-introduction-content,.catalog-introduction-column{width:100%}.catalog-introduction-image{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 0}.catalog-introduction-image .image-gallery-slides{display:flex;width:438px;align-items:center}@media screen and (max-width: 1000px){.catalog-introduction-image .image-gallery-slides{width:100%}}.catalog-introduction-image .image-gallery-thumbnail{width:108px;border:2px solid transparent}.catalog-introduction-image .image-gallery-thumbnail.active,.catalog-introduction-image .image-gallery-thumbnail:focus{outline:none;border:2px solid #3f51b5}@media screen and (max-width: 1000px){.catalog-introduction-image .image-gallery-thumbnail{width:80px}}.catalog-introduction-image-nothing{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#757575;width:438px;height:328px;background-color:#e0e0e0}@media screen and (max-width: 599px){.catalog-introduction-image{padding:0}.catalog-introduction-image-nothing{width:100%;height:300px}}.catalog-introduction-section{margin:8px 16px 24px 8px}.catalog-introduction-section h2{font-size:22px;font-weight:700;margin-bottom:16px}.catalog-introduction-chip-container{margin-bottom:16px}.catalog-introduction-chip-container div{margin-right:8px;margin-bottom:8px}.catalog-introduction-stores{display:flex;flex-direction:row}.catalog-introduction-store{display:inline-block;margin-right:16px!important}.catalog-introduction-description-tab{margin-bottom:8px}.catalog-introduction-same-author-keyboard{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:4px;border:1px solid #fff;cursor:pointer}.catalog-introduction-same-author-keyboard:hover{border:1px solid #e0e0e0}.catalog-introduction-same-author-keyboard-image{width:100px;height:75px;background-repeat:no-repeat;background-size:contain;background-position:center}.catalog-introduction-same-author-keyboard-no-image{width:100px;height:75px;border:1px dotted #e0e0e0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#757575;background-color:#e0e0e0;font-size:.8rem}.catalog-introduction-same-author-keyboard-name{margin-left:16px!important}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.catalog-keymap-container{width:100%;overflow-y:auto;overflow-x:clip;display:flex;flex-direction:column;align-items:center;padding-top:8px}.catalog-keymap-container-wrapper{position:relative;width:100%;z-index:1;display:flex;flex-direction:column;align-items:center;background:#fff;margin-bottom:32px}.catalog-keymap-header{width:100%;max-width:960px;margin-bottom:16px}.catalog-keymap-header-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.catalog-keymap-header-row h1{font-size:28px;font-weight:700}.catalog-keymap-header-row h6{margin-left:16px}.catalog-keymap-wrapper{display:flex;flex-direction:column}.catalog-keymap-keyboards{display:flex;flex-direction:row;justify-content:center;position:relative;z-index:2}.catalog-keymap-keyboard-root{display:flex;justify-content:center;align-items:center;border-left:5px solid #ececec;border-right:5px solid #ececec;border-top:1px solid #ececec;border-bottom:8px solid #f3f3f3;border-radius:8px;background-color:#fcfcfc;-webkit-filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));-moz-filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));-ms-filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2))}.catalog-keymap-keyboard-frame{width:100%;position:relative}.catalog-keymap-option-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:16px 16px 0;z-index:2}.catalog-keymap-option-side{display:flex;width:100px}.catalog-keymap-option-side-left{display:flex;margin-right:auto;justify-content:flex-start}.catalog-keymap-option-side-right{display:flex;margin-left:auto;justify-content:flex-end}.catalog-keymap-option-lang{white-space:nowrap}.catalog-keymap-option-menu{display:flex;flex-direction:row;justify-content:flex-end;z-index:3}.catalog-keymap-option-menu div{margin-right:8px}.catalog-keymap-layer-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;min-width:88px}.catalog-keymap-content{width:100%;max-width:960px;margin-top:16px}.catalog-keymap-column{width:100%}.catalog-keymap-section{margin:8px}.catalog-keymap-section h2{font-size:22px;font-weight:700;margin-bottom:16px}.catalog-keymap-list-wrapper{width:100%}.catalog-keymap-list-container{width:100%;max-height:350px;overflow-y:auto}.catalog-keymap-list-row-selected{background-color:#3f51b5!important}.catalog-firmware-wrapper{position:relative;width:100%;max-width:960px;z-index:1;display:flex;flex-direction:column;align-items:center}.catalog-firmware-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.catalog-firmware-panel{width:100%;padding:16px;background-color:#fff}.catalog-firmware-panel:last-child{padding-bottom:0}.catalog-firmware-total-download-count{width:100%;margin-bottom:8px}.catalog-firmware-card{width:100%;margin-bottom:16px}.catalog-firmware-card-caption{word-break:break-all}.catalog-firmware-card-buttons{justify-content:flex-end}.catalog-firmware-nothing{background-color:#fff;width:100%;padding:16px}.catalog-firmware-device-info-item{display:inline-block}.catalog-build-container{display:flex;flex-direction:column;width:100%;margin-top:16px}.build-parameters-dialog-content{display:flex;flex-direction:column;padding-left:24px}.catalog-keyboard-header{color:#fff;width:100%;max-width:960px;margin:8px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.catalog-keyboard-header-wrapper{display:flex;flex-direction:row;width:100%;padding:16px 16px 16px 8px;background-color:#3f51b5;align-items:center;justify-content:space-between;flex-wrap:wrap}.catalog-keyboard-header-title{display:flex;flex-direction:column;justify-content:flex-start}.catalog-keyboard-header-title a{color:#fff;text-decoration:none}.catalog-keyboard-header-title a:hover{text-decoration:underline}.catalog-keyboard-header-title h1{font-size:28px;font-weight:700}.catalog-keyboard-header-title h6{font-size:.9rem}@media screen and (max-width: 1000px){.catalog-keyboard-header-title h1{font-size:24px;font-weight:700}.catalog-keyboard-header-title h6{font-size:.8rem}}.catalog-keyboard-header-links{display:flex;flex-direction:row;align-items:center;margin-left:auto}.catalog-keyboard-header-links-github{margin-left:8px;margin-right:16px}.catalog-keyboard-header-links-home,.catalog-keyboard-header-links-stores{margin-left:16px}@media screen and (max-width: 1000px){.catalog-keyboard-header-links-github{margin-left:8px}.catalog-keyboard-header-links-github div{width:32px;height:32px}.catalog-keyboard-header-links-home{width:32px;height:32px;margin-left:8px}.catalog-keyboard-header-links-stores{margin-left:8px}.catalog-keyboard-header-links-stores button{width:32px;height:32px;padding:0}}@media screen and (max-width: 599px){.catalog-keyboard-header{margin-top:0;margin-bottom:8px}}.serial button,.serial div{margin:8px}.serial div.box{border:1px solid lightgray;display:flex;flex-direction:row}.serial input[type=text],.serial input[type=number]{width:50px;margin-right:8px}.serial input[type=file]{margin-top:8px;margin-right:8px}.serial label{margin-right:8px}.serial textarea{width:500px}.docs-header{display:flex;position:fixed;height:calc(var(--key-height));width:100%;flex-direction:row;align-items:center;margin:0;padding:0 8px;background:#fff;border-bottom:1px solid rgba(0,0,0,.2);z-index:2;justify-content:center}.docs-header-logo{margin-top:8px}.docs-header-menu-button{position:fixed;right:16px;cursor:pointer}.documents-wrapper{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;padding-top:72px;padding-bottom:32px;justify-content:center}.documents-container{width:100%;max-width:960px}.documents-container h3{margin:0 16px 24px}.documents-container h4,.documents-container h5{margin-bottom:8px}.documents-container section{margin:0 16px 32px;display:flex;flex-direction:column}.documents-container p{margin-bottom:16px}.documents-container p a{margin:auto 4px}.documents-container p code{background-color:#eee}.documents-container img{max-width:60%;align-self:center;margin-bottom:16px}.anchor-typography-link{margin-left:8px;display:none}.anchor-typography-link-icon{width:.98em!important;height:.98em!important}.anchor-typography:hover .anchor-typography-link{display:inline-block}.organizations-header{display:flex;position:fixed;height:calc(var(--key-height));width:100%;flex-direction:row;align-items:center;margin:0;padding:0 8px;background:#fff;border-bottom:1px solid rgba(0,0,0,.2);z-index:2;justify-content:center}.organizations-header-menu-button{position:fixed;right:16px;cursor:pointer}.organizations-header-avatar{width:31px!important;height:31px!important}.organizations-content{display:flex;position:relative;flex-direction:column;align-items:center;min-width:780px;height:100vh}.organizations-content .organizations-phase-processing-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background-color:#fff;flex:1 1;width:100%}.organization-list-wrapper{position:fixed;width:100%;max-width:960px;margin-top:calc(var(--key-height));z-index:1;display:flex;flex-direction:column;align-items:center}.organization-list-container{width:100%;height:calc(100vh - var(--key-height) - 26px);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.organization-list{width:100%;padding-top:16px;padding-bottom:16px}.organization-list-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-top:16px}.organization{margin-bottom:16px}.organization .no-registered-organization{text-align:center;padding:64px;font-size:1rem}.organization-container{display:flex;flex-direction:row;align-items:center}.organization-container-right{margin-left:auto}.organization-header{display:flex;flex-direction:row;align-items:center}.organization-header .status-badge-in-review{background-color:#c5cae9}.organization-name{margin:0 16px 0 0;font-size:2rem}.organization-meta{display:flex;flex-direction:row}.organization-meta-info{margin-right:16px}.organization-meta-info-label{display:inline-block;font-weight:700;margin-right:8px}.edit-organization-wrapper{position:fixed;width:100%;margin-top:calc(var(--key-height));z-index:1;display:flex;flex-direction:column;align-items:center}.edit-organization-container{width:100%;height:calc(100vh - var(--key-height) - 26px);overflow-y:auto;display:flex;flex-direction:column;align-items:center}.edit-organization-card{width:100%;max-width:960px;padding-top:16px;padding-bottom:16px}.edit-organization-alert{margin:0 32px 32px}.edit-organization-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px}.edit-organization-form{display:flex;flex-direction:column;width:100%;padding:0 32px}.edit-organization-form-row{margin-bottom:16px;width:100%;display:flex;flex-direction:column}.edit-organization-form-member-form{display:flex;margin:auto 16px}.edit-organization-form-member-form-email{flex:auto;margin-right:16px!important}.workbench-header{display:grid;grid-template-columns:1fr 1fr;position:fixed;height:calc(var(--key-height));width:100%;margin:0;padding:0 8px;background:#fff;border-bottom:1px solid rgba(0,0,0,.2);z-index:2}.workbench-header-logo{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:8px}.workbench-header-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}.workbench-header-menu-button{cursor:pointer}:root{--header-height: 42px;--key-height: 56px;--key-width: 56px}.workbench-content{display:flex;position:relative;flex-direction:column;align-items:center;height:100%;width:100%;min-height:100vh;max-width:960px;margin:0 auto;padding-top:64px}.workbench-content-nav{width:100%;display:flex;flex-direction:row;justify-content:flex-start}.workbench-content-nav .MuiTabs-root{background-color:#fff}.workbench-processing-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background-color:#fff;flex:1 1;width:100%;height:100vh}@media screen and (max-width: 599px){.workbench-content{padding-top:calc(var(--key-height))}}.workbench-share-buttons{margin-right:16px;display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto;align-items:center}.workbench-not-signed-in-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px;background-color:#fff;width:100%;height:100vh}