/* Styles of tool: Virtual Piano */

.piano{display:flex;position:relative;justify-content:center;margin:20px auto;max-width:560px;height:180px;padding:0 10px}
.tool-box .pk.white{width:46px;height:180px;background:#fff!important;border:1px solid #333!important;border-radius:0 0 6px 6px!important;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px!important;color:#999!important}
.tool-box .pk.black{width:30px;height:110px;background:#222!important;border:1px solid #000!important;border-radius:0 0 5px 5px!important;margin:0 -15px;z-index:2;color:#aaa!important;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px!important}
.tool-box .pk.active{background:var(--primary)!important;color:#fff!important}
.pk span{font-size:.7rem;pointer-events:none}
@media(max-width:560px){.tool-box .pk.white{width:34px}.tool-box .pk.black{width:22px;margin:0 -11px}}