.keyboard-key{position:relative;margin:0 4px}.keyboard-key-top{transition:all .1s cubic-bezier(.165,.84,.44,1);transform:translateY(0)}.keyboard-key-top.pressed{transform:translateY(8px)}.keyboard-key-top-contents{min-width:56px;height:48px;border-radius:8px;background:var(--key-bg);display:flex;flex-direction:column;justify-content:space-around;align-items:center;border:1px solid var(--key-border)}.keyboard-key-bottom{background-color:var(--color-key-bottom-bg);border-radius:8px;position:absolute;width:100%;height:100%;top:8px;left:0;box-shadow:inset 0 4px 9px #00000030,inset 0 -1px #0000000d}.contents-key{font-size:20px;text-transform:uppercase}.contents-modifier{display:flex;flex-direction:column;justify-content:space-between;width:100%;text-align:right;padding:0 6px}.contents-modifier .modifier-name{font-size:14px}
