keyboard-controls button,keyboard-controls keyboard-control-layer:before{background-color:#000e1ab3;height:100%}keyboard-controls{--button-radius:7px;width:fit-content;margin:0 auto;font-size:.75rem;display:flex}keyboard-controls button:hover{color:#000;background-color:#fff}keyboard-controls button,keyboard-controls select{color:#fff;cursor:pointer;background-color:#00000080;border:2px solid #fff;border-right:0;border-radius:0;max-width:22vw;min-height:3em;padding:10px}keyboard-control-plus button{border-radius:var(--button-radius) 0 0 var(--button-radius);border-left:2px solid #fffc}.ergodox-text-gradient{background:linear-gradient(#1aff00 30%,#0e6700 100%);font-weight:700}.color-text-gradient{background:linear-gradient(#ffae00 30%,#ff2f00 100%);font-weight:700}keyboard-control-layer select{background:linear-gradient(#ff53f4 50%,#b661eb 75%);max-width:30vw;font-weight:700}.ergodox-text-gradient,.color-text-gradient,keyboard-control-layer select{color:#0000;-webkit-background-clip:text;background-clip:text}keyboard-control-layer{min-height:3em;position:relative}keyboard-control-layer select{border-radius:0 var(--button-radius) var(--button-radius) 0;border:2px solid #fff;height:100%;line-height:1.3;position:relative}keyboard-control-layer select option{color:#fff;background-color:#000}keyboard-control-layer:before{border-radius:0 var(--button-radius) var(--button-radius) 0;content:"";width:100%;height:100%;position:absolute;top:0;left:0}keyboard-control-layer:after{color:#fff;content:"▼";position:absolute;top:35%;right:10%}keyboard-control-layer:hover:before{background-color:#fff}keyboard-control-layer:hover:after{color:#000}