.strobe-wrapper.inactive[data-v-c205a750]{background-color:#2f54ac}.strobe-wrapper.active[data-v-c205a750]{background-color:#1a1e24;border:3px solid #2f54ac}.note-in-bar[data-v-c205a750]{display:none}.strobe-bar[data-v-c205a750]{background:linear-gradient(180deg,transparent,#2f54ac,transparent)}.strobe-indicator[data-v-c205a750]{box-shadow:0 0 15px #2f54ac}.piano-key.white[data-v-c205a750]{background:linear-gradient(180deg,#fff 0,#f5f5f5);border:1px solid #ccc;border-radius:3px 3px 7px 7px;color:#1f2937;font-size:1rem;font-weight:700;height:100%;z-index:1}.piano-key.black[data-v-c205a750]{background:linear-gradient(180deg,#222 0,#000);border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:2px 2px 4px #0006;color:#e5e7eb;height:60%;z-index:2}.piano-key.white[data-v-c205a750]:hover{background:linear-gradient(180deg,#f0f0f0 0,#e0e0e0)}.piano-key.black[data-v-c205a750]:hover{background:linear-gradient(180deg,#333 0,#111)}.piano-key[data-v-c205a750]:active{background:linear-gradient(180deg,#ddd 0,#ccc)}.piano-key.black[data-v-c205a750]:active{background:linear-gradient(180deg,#444 0,#222)}