.key-item[data-v-b93c451d]{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-b93c451d]{cursor:pointer}.key-disabled[data-v-b93c451d]{cursor:not-allowed;background-color:#d1d5db;opacity:.5}.key-item.key-clickable[data-v-b93c451d]: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-b93c451d]{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-b93c451d]: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-b93c451d]{border:2px dashed rgb(var(--primary-color));background-color:rgba(var(--primary-color),.2)}.key-highlight-top[data-v-b93c451d],.key-shadow-bottom[data-v-b93c451d]{position:absolute;left:4px;right:4px;height:1px;pointer-events:none}.key-highlight-top[data-v-b93c451d]{top:0;background-image:linear-gradient(to right,transparent,rgb(255 255 255 / .3),transparent)}.key-shadow-bottom[data-v-b93c451d]{bottom:0;background-image:linear-gradient(to right,transparent,rgb(0 0 0 / .2),transparent)}.key-content[data-v-b93c451d]{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-b93c451d],.key-trigger-stage-indicator[data-v-b93c451d]{position:absolute;top:2px;left:0;font-size:8px}.key-fast-trip-left[data-v-b93c451d]{position:absolute;bottom:2px;left:0;font-size:8px}.key-fast-trip-right[data-v-b93c451d]{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-256a47b9]{transform:scale(1.1);background-color:rgba(var(--primary-color),.5)}.wheel-key-selected[data-v-256a47b9]{box-shadow:none}.wheel-key-disabled[data-v-256a47b9]{cursor:not-allowed;opacity:.5}.layer-button[data-v-e7cf5553] .n-button__content{display:flex;width:100%;align-items:center}[data-v-7f7d8507] .key-test-flash{animation:key-test-flash-7f7d8507 .45s ease-out}@keyframes key-test-flash-7f7d8507{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-7f7d8507] .key-test-held,[data-v-7f7d8507] .key-test-held *{color:#fff}.effect-chip[data-v-5af5ceab]{border:2px solid transparent;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.effect-chip[data-v-5af5ceab]:hover{border-color:rgba(var(--primary-color),.4)}.effect-chip.effect-chip--active[data-v-5af5ceab],.effect-chip.effect-chip--active[data-v-5af5ceab]:hover{border-color:rgb(var(--primary-color));background-color:rgb(var(--primary-color));color:#fff}.layer-button[data-v-280c7046] .n-button__content{display:flex;width:100%;align-items:center}