.keypad-section-module__HRtBcq__keypad{aspect-ratio:400/310;-webkit-tap-highlight-color:oklch(0% 0 0/0);place-items:center;width:clamp(280px,35vw,400px);transition:transform .26s ease-out;display:flex;position:relative}.keypad-section-module__HRtBcq__keypad img{width:100%;transition:translate .12s ease-out}.keypad-section-module__HRtBcq__key{cursor:pointer;background:0 0;background:lab(0% 0 0/0);border:0;outline:none;padding:0}.keypad-section-module__HRtBcq__base{width:100%;position:absolute;bottom:0}.keypad-section-module__HRtBcq__keyContent{width:100%;height:100%;transition:translate .12s ease-out;display:inline-block;container-type:inline-size}.keypad-section-module__HRtBcq__key[data-pressed=true] .keypad-section-module__HRtBcq__keyContent,.keypad-section-module__HRtBcq__key:active .keypad-section-module__HRtBcq__keyContent{translate:0 calc(var(--travel) * 1%)}.keypad-section-module__HRtBcq__keyText{z-index:21;mix-blend-mode:normal;color:#f0f0f0;color:lab(94.6872% 0 0);text-align:left;width:86%;height:46%;padding:1ch;font-size:12cqi;position:absolute;top:5%;left:0;transform:rotateX(36deg)rotateY(45deg)rotateX(-90deg)rotate(0)}.keypad-section-module__HRtBcq__single{clip-path:polygon(0 0,54% 0,89% 24%,100% 70%,54% 100%,46% 100%,0 69%,12% 23%,47% 0%);width:40.5%;height:46%;position:absolute;bottom:36%;left:54%;-webkit-mask:url(../media/keypad-single.3qg2mh52xzb3x.webp) 50%/100% 100%;mask:url(../media/keypad-single.3qg2mh52xzb3x.webp) 50%/100% 100%}.keypad-section-module__HRtBcq__singleLeft{bottom:54.2%;left:29.3%}.keypad-section-module__HRtBcq__single .keypad-section-module__HRtBcq__keyText{width:52%;height:62%;font-size:18cqi;translate:45% -16%}.keypad-section-module__HRtBcq__single img{opacity:1;width:96%;position:absolute;top:0;left:50%;translate:-50% 1%}.keypad-section-module__HRtBcq__keyMask{width:100%;height:100%;display:inline-block}.keypad-section-module__HRtBcq__double{clip-path:polygon(34% 0,93% 44%,101% 78%,71% 100%,66% 100%,0 52%,0 44%,7% 17%,30% 0);background:#ff2b0000;background:lab(56.0339% 75.9388 70.2109/0);width:64%;height:65%;position:absolute;bottom:17.85%;left:6%;-webkit-mask:url(../media/keypad-double.3_ptp175obf39.webp) 50%/100% 100%;mask:url(../media/keypad-double.3_ptp175obf39.webp) 50%/100% 100%}.keypad-section-module__HRtBcq__double .keypad-section-module__HRtBcq__keyText{width:86%;height:46%;font-size:14cqi;translate:8% 10%}.keypad-section-module__HRtBcq__double img{opacity:1;width:99%;position:absolute;top:0;left:50%;translate:-50% 1%}.keypad-section-module__HRtBcq__key img{filter:hue-rotate(calc(var(--hue,0) * 1deg)) saturate(var(--saturate,1)) brightness(var(--brightness,1))}