ul[data-v-26378ccf]{height:20em;width:59.3em;margin:0 auto;padding:2em 0 0 0;position:relative;border:1px solid #160801;border-radius:20px;-webkit-box-shadow:0 0 100px rgba(0,0,0,.5) inset,0 1px rgba(212,152,125,.2) inset,0 5px 15px rgba(0,0,0,.5);box-shadow:inset 0 0 100px rgba(0,0,0,.5),inset 0 1px rgba(212,152,125,.2),0 5px 15px rgba(0,0,0,.5)}ul li[data-v-26378ccf]{margin:0;padding:0;list-style:none;position:relative;float:left}ul li[data-v-26378ccf]:first-child{border-radius:5px 0 5px 5px}ul li[data-v-26378ccf]:last-child{border-radius:0 5px 5px 5px}ul .white-key[data-v-26378ccf]{height:16em;width:4em;z-index:1;border-left:1px solid #bbb;border-bottom:1px solid #bbb;border-radius:0 0 5px 5px;-webkit-box-shadow:-1px 0 0 hsla(0,0%,100%,.8) inset,0 0 5px #ccc inset,0 0 3px rgba(0,0,0,.2);box-shadow:inset -1px 0 0 hsla(0,0%,100%,.8),inset 0 0 5px #ccc,0 0 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));background:linear-gradient(180deg,#eee 0,#fff)}ul .white-key[data-v-26378ccf]:active{-webkit-box-shadow:2px 0 3px rgba(0,0,0,.1) inset,-5px 5px 20px rgba(0,0,0,.2) inset,0 0 3px rgba(0,0,0,.2);box-shadow:inset 2px 0 3px rgba(0,0,0,.1),inset -5px 5px 20px rgba(0,0,0,.2),0 0 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9e9e9));background:linear-gradient(180deg,#fff 0,#e9e9e9)}ul .black-key[data-v-26378ccf]{height:8em;width:2em;margin:0 0 0 -1em;z-index:2;border:1px solid #000;border-radius:0 0 3px 3px;-webkit-box-shadow:-1px -1px 2px hsla(0,0%,100%,.2) inset,0 -5px 2px 3px rgba(0,0,0,.6) inset,0 2px 4px rgba(0,0,0,.5);box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -5px 2px 3px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#222,#555)}ul .black-key[data-v-26378ccf]:active{-webkit-box-shadow:-1px -1px 2px hsla(0,0%,100%,.2) inset,0 -2px 2px 3px rgba(0,0,0,.6) inset,0 1px 2px rgba(0,0,0,.5);box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -2px 2px 3px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5);background:-webkit-gradient(linear,left top,right top,from(#444),to(#222));background:linear-gradient(90deg,#444 0,#222)}ul .mi[data-v-26378ccf],ul .ra[data-v-26378ccf],ul .re[data-v-26378ccf],ul .si[data-v-26378ccf],ul .so[data-v-26378ccf]{margin:0 0 0 -1em}