#piano{background-color:#cfcfcf4a;border-radius:5px;max-width:400px;width:100%;height:110px;display:flex;flex-direction:column;box-sizing:border-box}#panel{position:relative;width:100%;height:60px;border-radius:0 0 0 0;background-color:#ededed;box-shadow:inset 2px 10px 10px -8px #505050d0}#screen-content{width:80px;height:30px;position:absolute;left:50%;transform:translateX(-50%);border:1px solid gray;top:6px;border-radius:3px;background-color:#898989b3}#screen-text{z-index:0;padding:2px;border-radius:3px;color:#333}#screen-glass,#screen-text{position:absolute;top:0;left:0;width:100%;height:100%}#screen-glass{background-color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5);border-radius:3px;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px)}#teclas{overflow-x:scroll;width:100%;justify-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;box-sizing:border-box}#teclas,.tc{position:relative;height:50px}.tc{background-color:#fff;width:10px;z-index:0;box-shadow:inset 0 10px 5px -10px #ff5959bb}.tcS{right:0}.tcS,.tcS2{background-color:#000;position:absolute;z-index:9;width:2.5px;height:35px}.tcS2{left:0}.tcS3{left:0;height:15px}.tcS3,.tcS4{background-color:#955555;position:absolute;z-index:9;bottom:0;width:1px}.tcS4{right:0;height:50px}