.styles_keypad__FzkpN{position:relative;aspect-ratio:400/310;display:flex;place-items:center;width:clamp(280px,35vw,400px);-webkit-tap-highlight-color:transparent;transition-property:translate,transform;transition-duration:.26s;transition-timing-function:ease-out;transform-style:preserve-3d;--travel:20}.styles_key__5cFc5{transform-style:preserve-3d;border:0;background:transparent;padding:0;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}.styles_key__5cFc5:active .styles_keyContent__8bCdK,.styles_key__5cFc5[data-pressed=true] .styles_keyContent__8bCdK{translate:0 calc(var(--travel) * 1%)}.styles_keyContent__8bCdK{width:100%;display:inline-block;height:100%;transition:translate .12s ease-out;container-type:inline-size;position:relative}.styles_single__JzuxB .styles_keyText__cSDC1{width:52%;height:62%;translate:45% -16%}.styles_keyText__cSDC1{height:46%;width:86%;position:absolute;font-size:12cqi;z-index:21;top:5%;left:0;mix-blend-mode:normal;color:hsl(0 0% 94%);translate:8% 10%;transform:rotateX(36deg) rotateY(45deg) rotateX(-90deg) rotate(0deg);text-align:left;padding:1ch;pointer-events:none}.styles_single__JzuxB{position:absolute;width:40.5%;left:54%;bottom:36%;height:46%;clip-path:polygon(0 0,54% 0,89% 24%,100% 70%,54% 100%,46% 100%,0 69%,12% 23%,47% 0);-webkit-mask:url(/assets/keyboard/keypad-single.webp) 50% 50%/100% 100%;mask:url(/assets/keyboard/keypad-single.webp) 50% 50%/100% 100%}.styles_single__JzuxB.styles_left__gkBcK{left:29.3%;bottom:54.2%}.styles_single__JzuxB .styles_keyText__cSDC1{font-size:18cqi}.styles_single__JzuxB img{top:0;opacity:1;width:96%;position:absolute;left:50%;translate:-50% 1%}.styles_keyMask___IMhd{width:100%;height:100%;display:inline-block}.styles_double__ieyAj{position:absolute;background:transparent;width:64%;height:65%;left:6%;bottom:17.85%;clip-path:polygon(34% 0,93% 44%,101% 78%,71% 100%,66% 100%,0 52%,0 44%,7% 17%,30% 0);-webkit-mask:url(/assets/keyboard/keypad-double.webp) 50% 50%/100% 100%;mask:url(/assets/keyboard/keypad-double.webp) 50% 50%/100% 100%}.styles_double__ieyAj img{top:0;opacity:1;width:99%;position:absolute;left:50%;translate:-50% 1%}.styles_key__5cFc5 img{filter:hue-rotate(calc(var(--hue, 0) * 1deg)) saturate(var(--saturate,1)) brightness(var(--brightness,1))}.styles_base__PxL4o{position:absolute;bottom:0;width:100%}.styles_keypad__FzkpN img{transition:translate .12s ease-out;width:100%;display:block}.styles_key__5cFc5:after{z-index:-1;content:"";position:absolute;opacity:0;inset:0;transition-property:opacity;transition-duration:.26s;transition-timing-function:ease-out;background:repeating-linear-gradient(-45deg,transparent 0 5px,hsl(220 100% 70%) 5px 6px)}.shuffle-parent{display:inline-block;white-space:normal;word-wrap:break-word;will-change:transform;line-height:1;font-size:4rem;text-transform:uppercase;visibility:hidden}.shuffle-parent.is-ready{visibility:visible}.shuffle-char-wrapper{display:inline-block;overflow:hidden;vertical-align:baseline;position:relative}.shuffle-char-wrapper>span{display:inline-flex;will-change:transform}.shuffle-char{line-height:1;display:inline-block;text-align:center}