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