.key-wrapper{font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(var(--font-color-main)/var(--tw-text-opacity));position:absolute;top:calc(var(--var-lg-key-scale, 42) * var(--var-key-top));left:calc(var(--var-lg-key-scale, 42) * var(--var-key-left));width:calc(var(--var-lg-key-scale, 42) * var(--var-key-width));height:calc(var(--var-lg-key-scale, 42) * var(--var-key-height));text-shadow:0 0 2px var(--cmp-keyboard-key-shadow-value,#00000000);transition:none}.key-wrapper .key-wrapper__box-bg{border-radius:.25rem;background-color:var(--var-key-background-color);border:1px solid var(--var-key-border-color)}.key-wrapper .svg-box:not([fill]){fill:var(--var-key-background-color)}.key-wrapper .svg-box:not([stroke]){stroke:var(--var-key-border-color)}.key-wrapper.highlight .key-wrapper__box-svg>svg circle,.key-wrapper.highlight .key-wrapper__box-svg>svg path,.key-wrapper.selected .key-wrapper__box-svg>svg circle,.key-wrapper.selected .key-wrapper__box-svg>svg path,.key-wrapper:hover .key-wrapper__box-svg>svg circle,.key-wrapper:hover .key-wrapper__box-svg>svg path{stroke:var(--var-key-border-hover-color)}.key-wrapper.highlight .key-wrapper__box-bg,.key-wrapper.selected .key-wrapper__box-bg,.key-wrapper:hover .key-wrapper__box-bg{border-color:var(--var-key-border-hover-color)}.key-wrapper.highlight .svg-box,.key-wrapper.selected .svg-box,.key-wrapper:hover .svg-box{stroke:var(--var-key-border-hover-color)}.key-wrapper.selected{color:var(--var-key-border-hover-color)}.key-wrapper.selected .key-wrapper__box-svg>svg circle,.key-wrapper.selected .key-wrapper__box-svg>svg path{fill:var(--var-key-background-selected-color)}.key-wrapper.selected .key-wrapper__box-bg{background-color:var(--var-key-background-selected-color)}.key-wrapper.selected .svg-box{fill:var(--var-key-background-selected-color)}.key-wrapper .remove-icon{pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.key-wrapper.selected:hover .remove-icon{pointer-events:auto;opacity:1}