.key-item[data-v-df4a18e0]{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;padding-inline:4px;border-radius:8px;border:1px solid rgb(255 255 255 / .2);text-align:center;line-height:1.25;word-break:break-all;background-image:linear-gradient(to bottom right,rgb(255 255 255 / .15),transparent 50%,rgb(0 0 0 / .08));box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014,inset 0 1px #ffffff26;transition:all .2s cubic-bezier(0,0,.2,1)}.key-clickable[data-v-df4a18e0]{cursor:pointer}.key-disabled[data-v-df4a18e0]{cursor:not-allowed;background-color:#d1d5db;opacity:.5}.key-item.key-clickable[data-v-df4a18e0]:hover:not(.key-pressed){transform:translateY(-2px);box-shadow:0 6px 12px #00000026,0 3px 6px #0000001a,inset 0 1px #fff3}.key-pressed[data-v-df4a18e0]{transform:translateY(2px) scale(.98);background-image:linear-gradient(to bottom right,rgb(0 0 0 / .08),transparent 50%,rgb(255 255 255 / .08));box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a}.key-selected[data-v-df4a18e0]:not(.key-pressed){border:3px solid rgb(var(--primary-color));background-color:rgba(var(--primary-color),.3);box-shadow:none}.key-drag-over[data-v-df4a18e0]{border:2px dashed rgb(var(--primary-color));background-color:rgba(var(--primary-color),.2)}.key-highlight-top[data-v-df4a18e0],.key-shadow-bottom[data-v-df4a18e0]{position:absolute;left:4px;right:4px;height:1px;pointer-events:none}.key-highlight-top[data-v-df4a18e0]{top:0;background-image:linear-gradient(to right,transparent,rgb(255 255 255 / .3),transparent)}.key-shadow-bottom[data-v-df4a18e0]{bottom:0;background-image:linear-gradient(to right,transparent,rgb(0 0 0 / .2),transparent)}.key-content[data-v-df4a18e0]{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.key-trip-indicator[data-v-df4a18e0],.key-trigger-stage-indicator[data-v-df4a18e0]{position:absolute;top:2px;left:0;font-size:8px}.key-fast-trip-left[data-v-df4a18e0]{position:absolute;bottom:2px;left:0;font-size:8px}.key-fast-trip-right[data-v-df4a18e0]{position:absolute;bottom:2px;right:0;font-size:8px}.dark{border-color:#ffffff1a;background-image:linear-gradient(to bottom right,rgb(255 255 255 / .05),transparent 50%,rgb(0 0 0 / .1))}.dark{background-image:linear-gradient(to right,transparent,rgb(255 255 255 / .1),transparent)}.dark{background-image:linear-gradient(to right,transparent,rgb(0 0 0 / .3),transparent)}.dark{background-image:linear-gradient(to bottom right,rgb(0 0 0 / .1),transparent 50%,rgb(255 255 255 / .02))}.wheel-key-drag-over[data-v-3fde9dc5]{transform:scale(1.1);background-color:rgba(var(--primary-color),.5)}.wheel-key-selected[data-v-3fde9dc5]{box-shadow:none}.wheel-key-disabled[data-v-3fde9dc5]{cursor:not-allowed;opacity:.5}.layer-button[data-v-bc010667] .n-button__content{display:flex;width:100%;align-items:center}[data-v-06113e4c] .key-test-flash{animation:key-test-flash-06113e4c .45s ease-out}@keyframes key-test-flash-06113e4c{0%{transform:scale(1);box-shadow:0 0 rgba(var(--primary-color),.75)}35%{transform:scale(1.12);box-shadow:0 0 0 8px rgba(var(--primary-color),.35)}to{transform:scale(1);box-shadow:0 0 rgba(var(--primary-color),0)}}[data-v-06113e4c] .key-test-held,[data-v-06113e4c] .key-test-held *{color:#fff}.effect-chip[data-v-09778589]{border:2px solid transparent;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.effect-chip[data-v-09778589]:hover{border-color:rgba(var(--primary-color),.4)}.effect-chip.effect-chip--active[data-v-09778589],.effect-chip.effect-chip--active[data-v-09778589]:hover{border-color:rgb(var(--primary-color));background-color:rgb(var(--primary-color));color:#fff}.layer-button[data-v-0bab955f] .n-button__content{display:flex;width:100%;align-items:center}