.key-item[data-v-453e87fe]{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;word-break:break-all;border-radius:8px;padding-left:4px;padding-right:4px;text-align:center;line-height:1.25;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .15) var(--un-gradient-from-position);--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), transparent var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / .08) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));border-width:1px;border-color:#fff3;--un-shadow:0 4px 8px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.15);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);overflow:hidden}.dark .key-item[data-v-453e87fe]{border-color:#ffffff1a}.key-clickable[data-v-453e87fe]{cursor:pointer}.key-disabled[data-v-453e87fe]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity));opacity:.5}.key-item.key-clickable[data-v-453e87fe]:hover:not(.key-pressed){--un-shadow:0 6px 12px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-translate-y:-2px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.key-pressed[data-v-453e87fe]{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / .08) var(--un-gradient-from-position);--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), transparent var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / .08) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-translate-y:2px;--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.key-selected[data-v-453e87fe]:not(.key-pressed){border-width:2px;--un-border-opacity:1;border-color:rgba(var(--primary-color),var(--un-border-opacity));border-style:solid;background-color:rgba(var(--primary-color),.3);--un-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3),0 2px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.key-drag-over[data-v-453e87fe]{border-width:2px;--un-border-opacity:1;border-color:rgba(var(--primary-color),var(--un-border-opacity));border-style:dashed;background-color:rgba(var(--primary-color),.2)}.key-highlight-top[data-v-453e87fe]{position:absolute;top:0;left:4px;right:4px;height:1px;--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / .3) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));pointer-events:none}.key-shadow-bottom[data-v-453e87fe]{position:absolute;bottom:0;left:4px;right:4px;height:1px;--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(0 0 0 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(0 0 0 / .2) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));pointer-events:none}.key-content[data-v-453e87fe]{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.key-trip-indicator[data-v-453e87fe]{position:absolute;top:2px;left:0;font-size:8px}.key-fast-trip-left[data-v-453e87fe]{position:absolute;bottom:2px;left:0;font-size:8px}.key-fast-trip-right[data-v-453e87fe]{position:absolute;bottom:2px;right:0;font-size:8px}.dark .key-item[data-v-453e87fe]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .05) var(--un-gradient-from-position);--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), transparent var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / .1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.dark .key-highlight-top[data-v-453e87fe]{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(255 255 255 / .1) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.dark .key-shadow-bottom[data-v-453e87fe]{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(0 0 0 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(0 0 0 / .3) var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.dark .key-pressed[data-v-453e87fe]{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / .1) var(--un-gradient-from-position);--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), transparent var(--un-gradient-via-position), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / .02) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.wheel-key-drag-over[data-v-ae05afcd]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));background-color:rgba(var(--primary-color),.5)}.wheel-key-selected[data-v-ae05afcd]{--un-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.wheel-key-disabled[data-v-ae05afcd]{cursor:not-allowed;opacity:.5}.led-pixel[data-v-a4467598],.led-pixel[data-v-46e8b688],.led-pixel[data-v-31e6bb6f],.led-pixel[data-v-54a83c7f],.led-pixel[data-v-0c33b466],.led-pixel[data-v-e7800f2c],.led-pixel[data-v-1578f752]{width:15px;height:15px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root),.dark::view-transition-new(root){z-index:1}::view-transition-new(root),.dark::view-transition-old(root){z-index:9999}[data-v-7aa8c08b] .tie-btn-reset,[data-v-7aa8c08b] .tie-btn-deleteAll{display:none!important}[data-v-7aa8c08b] .color-picker-control{height:auto!important}