.keyboard-tester-page[data-v-02c6cb3a]{min-height:100vh;margin-top:-64px;background-color:#b8bbcb}.header[data-v-02c6cb3a]{background:#000;min-width:1280px}.header-box[data-v-02c6cb3a]{width:1280px;margin:0 auto;display:flex;align-items:center;height:64px}.header-box .logo[data-v-02c6cb3a]{height:25px;width:auto;display:block}.header-box .text[data-v-02c6cb3a]{padding-left:30px;color:#fff}.header-box .fill[data-v-02c6cb3a]{flex:1}.main[data-v-02c6cb3a]{min-width:1280px;width:1280px;margin:0 auto;font-family:Segoe UI,sans-serif;--standard-key-size:50px;--key-border-radius:6px;--box-shadow-keycaps-value:inset 0 -2px 0 3px;--box-shadow-keycaps-hover-value:inset 0 -1px 0 2px}.main.theme--retro[data-v-02c6cb3a]{--key-border-radius:10px;--box-shadow-keycaps:var(--box-shadow-keycaps-value) var(--color-keycaps-shadow);--box-shadow-keycaps-hover:var(--box-shadow-keycaps-hover-value) var(--color-keycaps-shadow);--box-shadow-keycaps-accent:var(--box-shadow-keycaps-value) var(--color-keycaps-shadow-accent);--box-shadow-keycaps-accent-hover:var(--box-shadow-keycaps-hover-value) var(--color-keycaps-shadow-accent);--box-shadow-keycaps-pressed:var(--box-shadow-keycaps-value) var(--color-keycaps-shadow-pressed);--box-shadow-keycaps-pressed-hover:var(--box-shadow-keycaps-hover-value) var(--color-keycaps-shadow-pressed);--color-keyboard:#273044;--color-keycaps-legends:#555;--color-keycaps-bg:#e8e9f0;--color-keycaps-shadow:#8698a7;--color-keycaps-legends-accent:#555;--color-keycaps-bg-accent:#e2e3e6;--color-keycaps-shadow-accent:#97a0a8;--color-keycaps-legends-pressed:#fff;--color-keycaps-bg-pressed:#929eb7;--color-keycaps-shadow-pressed:#606c86}.main.theme--retro .retro[data-v-02c6cb3a]{border:2px solid #fff}.main.theme--navy-blue[data-v-02c6cb3a]{--key-border-radius:10px;--box-shadow-keycaps-value:inset 0 -2px 0 3px;--box-shadow-keycaps-hover-value:inset 0 -1px 0 2px;--box-shadow-keycaps:var(--box-shadow-keycaps-value) var(--color-keycaps-shadow);--box-shadow-keycaps-hover:var(--box-shadow-keycaps-hover-value) var(--color-keycaps-shadow);--box-shadow-keycaps-accent:var(--box-shadow-keycaps-value) var(--color-keycaps-shadow-accent);--box-shadow-keycaps-accent-hover:var(--box-shadow-keycaps-hover-value) var(--color-keycaps-shadow-accent);--box-shadow-keycaps-pressed:var(--box-shadow-keycaps-value) var(--color-keycaps-shadow-pressed);--box-shadow-keycaps-pressed-hover:var(--box-shadow-keycaps-hover-value) var(--color-keycaps-shadow-pressed);--color-keyboard:#111010;--color-keycaps-legends:#fff;--color-keycaps-bg:#9b5c3d;--color-keycaps-shadow:#653924;--color-keycaps-legends-accent:#fff;--color-keycaps-bg-accent:#fa5e2e;--color-keycaps-shadow-accent:#ac4626;--color-keycaps-legends-pressed:#555;--color-keycaps-bg-pressed:#e8e9f0;--color-keycaps-shadow-pressed:#8b9eae}.main.theme--navy-blue .navy-blue[data-v-02c6cb3a]{border:2px solid #fff}.theme-and-layout[data-v-02c6cb3a]{display:flex;justify-content:space-between;align-items:center;padding:34px 0 24px}.theme-and-layout .fill[data-v-02c6cb3a]{flex:1}.slider-container[data-v-02c6cb3a]{display:flex}.reset[data-v-02c6cb3a]{font-size:14px;margin-right:18px}.reset[data-v-02c6cb3a],.slider-container .item[data-v-02c6cb3a]{font-size:16px;width:60px;height:35px;line-height:32px;text-align:center;border-radius:var(--key-border-radius);margin-left:14px;cursor:pointer;transition:all .075}.theme--navy-blue .reset[data-v-02c6cb3a],.theme--navy-blue .slider-container .item[data-v-02c6cb3a]{color:var(--color-keycaps-legends-pressed);background-color:var(--color-keycaps-bg-pressed);box-shadow:var(--box-shadow-keycaps-pressed)}.theme--navy-blue .reset.on[data-v-02c6cb3a],.theme--navy-blue .slider-container .item.on[data-v-02c6cb3a],.theme--retro .reset[data-v-02c6cb3a],.theme--retro .slider-container .item[data-v-02c6cb3a]{color:var(--color-keycaps-legends-accent);background-color:var(--color-keycaps-bg-accent);box-shadow:var(--box-shadow-keycaps-accent)}.theme--retro .reset.on[data-v-02c6cb3a],.theme--retro .slider-container .item.on[data-v-02c6cb3a]{color:var(--color-keycaps-legends-pressed);background-color:var(--color-keycaps-bg-pressed);box-shadow:var(--box-shadow-keycaps-pressed)}.slider[data-v-02c6cb3a]{width:100%;transform:translateY(18px)}.theme-section[data-v-02c6cb3a]{display:flex;align-items:center}.theme-section>div[data-v-02c6cb3a]{display:flex;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer}.theme-color[data-v-02c6cb3a]{width:25%}.retro[data-v-02c6cb3a]{background:#929eb7}.navy-blue[data-v-02c6cb3a],.retro[data-v-02c6cb3a]{width:36px;height:36px;border-radius:50%;margin-right:12px}.navy-blue[data-v-02c6cb3a]{background:#fa5e2e}.keyboard[data-v-02c6cb3a]{display:grid;padding:8px;border-radius:20px;background-color:var(--color-keyboard);box-shadow:-2px 17px 24px 0 rgba(53,60,96,.45);transform:translateZ(0);transition:all .2s}.full-size[data-v-02c6cb3a]{grid-template-columns:215fr 2fr 45fr 1fr 60fr}.tkl[data-v-02c6cb3a]{grid-template-columns:215fr 7fr 45fr;width:1000px}.seventy-five-percent[data-v-02c6cb3a]{grid-template-columns:790px 0 165px;width:860px}.key[data-v-02c6cb3a]{width:100%;height:var(--standard-key-size);display:flex;justify-content:center;align-items:center;border-radius:var(--key-border-radius);font-size:12px;font-weight:700;color:var(--color-keycaps-legends);background-color:var(--color-keycaps-bg);box-shadow:var(--box-shadow-keycaps);cursor:pointer;transition:all .075}.key--accent-color[data-v-02c6cb3a]{color:var(--color-keycaps-legends-accent);background-color:var(--color-keycaps-bg-accent);box-shadow:var(--box-shadow-keycaps-accent)}.key.key--pressed[data-v-02c6cb3a]{color:var(--color-keycaps-legends-pressed);background-color:var(--color-keycaps-bg-pressed);box-shadow:var(--box-shadow-keycaps-pressed)}.key--accent-color[data-v-02c6cb3a]:hover,.key--pressed[data-v-02c6cb3a]:hover,.key-pressing-simulation[data-v-02c6cb3a],.key[data-v-02c6cb3a]:hover{transform:scale(.98);box-shadow:var(--box-shadow-keycaps-hover)}.key--accent-color[data-v-02c6cb3a]:hover{box-shadow:var(--box-shadow-keycaps-accent-hover)}.key--pressed[data-v-02c6cb3a]:hover,.key-pressing-simulation[data-v-02c6cb3a]{box-shadow:var(--box-shadow-keycaps-pressed-hover)}.region[data-v-02c6cb3a]{padding:5px;gap:2.5px}.function[data-v-02c6cb3a]{display:grid;grid-template-columns:2fr 2fr repeat(4,2fr) 1fr repeat(4,2fr) 1fr repeat(4,2fr)}.system-control[data-v-02c6cb3a]{grid-column:3;display:grid;grid-template-columns:repeat(3,1fr)}.typewriter[data-v-02c6cb3a]{grid-row:2;display:grid}.fifth-row[data-v-02c6cb3a],.first-row[data-v-02c6cb3a],.fourth-row[data-v-02c6cb3a],.second-row[data-v-02c6cb3a],.third-row[data-v-02c6cb3a]{display:grid;justify-items:center;gap:2.5px}.first-row[data-v-02c6cb3a]{grid-template-columns:repeat(13,1fr) 2fr}.second-row[data-v-02c6cb3a]{grid-template-columns:1.5fr repeat(12,1fr) 1.5fr}.third-row[data-v-02c6cb3a]{grid-template-columns:1.79fr repeat(11,1fr) 2.29fr}.fourth-row[data-v-02c6cb3a]{grid-template-columns:2.29fr repeat(10,1fr) 2.79fr}.fifth-row[data-v-02c6cb3a]{grid-template-columns:repeat(3,1.29fr) 6.36fr repeat(4,1.29fr)}.navigation[data-v-02c6cb3a]{grid-column:3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr)}.numpad[data-v-02c6cb3a]{grid-column:5;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}.key--sublegend[data-v-02c6cb3a]{display:grid;grid-template-rows:1fr auto auto 1fr;padding-top:8px;gap:1px}.key--sublegend span[data-v-02c6cb3a]:nth-child(2n),.key--sublegend span[data-v-02c6cb3a]:nth-child(odd){width:100%;text-align:center;grid-row:1}.key--sublegend span[data-v-02c6cb3a]:nth-child(2n){grid-row:2}.metaleft svg[data-v-02c6cb3a]{width:18px;height:18px;fill:var(--color-keycaps-legends)}.metaleft .key--accent svg[data-v-02c6cb3a]{fill:var(--color-keycaps-legends-accent)}.metaleft.key--pressed svg[data-v-02c6cb3a]{fill:var(--color-keycaps-legends-pressed)}.contextmenu svg[data-v-02c6cb3a]{width:20px;height:20px;stroke:var(--color-keycaps-legends);fill:none}.contextmenu .key--accent svg[data-v-02c6cb3a]{stroke:var(--color-keycaps-legends-accent)}.contextmenu.key--pressed svg[data-v-02c6cb3a]{stroke:var(--color-keycaps-legends-pressed)}.space span[data-v-02c6cb3a]{transform:translateY(-16px);font-size:16px}.backquote[data-v-02c6cb3a],.capslock[data-v-02c6cb3a],.controlleft[data-v-02c6cb3a],.shiftleft[data-v-02c6cb3a],.tab[data-v-02c6cb3a]{justify-content:left;padding-left:16px}.backspace[data-v-02c6cb3a],.controlright[data-v-02c6cb3a],.enter[data-v-02c6cb3a],.shiftright[data-v-02c6cb3a]{justify-content:right;padding-right:16px}.arrowup[data-v-02c6cb3a]{grid-column:2;grid-row:4}.arrowdown[data-v-02c6cb3a],.arrowleft[data-v-02c6cb3a],.arrowright[data-v-02c6cb3a]{grid-row:5}.arrowdown svg[data-v-02c6cb3a],.arrowleft svg[data-v-02c6cb3a],.arrowright svg[data-v-02c6cb3a],.arrowup svg[data-v-02c6cb3a]{width:12px;height:12px;fill:var(--color-keycaps-legends)}.arrowdown.key--pressed svg[data-v-02c6cb3a],.arrowleft.key--pressed svg[data-v-02c6cb3a],.arrowright.key--pressed svg[data-v-02c6cb3a],.arrowup.key--pressed svg[data-v-02c6cb3a]{fill:var(--color-keycaps-legends-pressed)}.numpadadd[data-v-02c6cb3a]{grid-column:4;grid-row:2/span 2;height:100%}.numpadenter[data-v-02c6cb3a]{grid-column:4;grid-row:4/span 2;height:100%}.numpad0[data-v-02c6cb3a]{grid-column:1/span 2}.numpad[data-v-02c6cb3a]{transition:all .15s}.hidden--step1[data-v-02c6cb3a]{opacity:0;pointer-events:none;visibility:hidden;transition:all .15}.hidden--step2[data-v-02c6cb3a]{width:0;padding:0}.history-container-box[data-v-02c6cb3a]{font-size:16px;display:flex;align-items:flex-start;justify-content:space-between;background:#6d7280;color:#fff;border-radius:20px;height:210px;padding-right:40px;margin-top:30px}.history-container[data-v-02c6cb3a]{width:50%;flex-shrink:0;display:flex;flex-wrap:wrap;padding:20px 40px}.h-item[data-v-02c6cb3a]{width:50%;display:flex;align-items:center;padding:2px 0}.h-item .h-key[data-v-02c6cb3a]{height:40px;min-width:40px;padding:0 15px;margin:0 10px;display:flex;justify-content:center;align-items:center;border-radius:var(--key-border-radius);color:var(--color-keycaps-legends-accent);background-color:var(--color-keycaps-bg-accent);box-shadow:var(--box-shadow-keycaps-accent);font-size:12px;font-family:Segoe UI,sans-serif;font-weight:700}.apm-info[data-v-02c6cb3a]{width:544px}.apm-info .left[data-v-02c6cb3a]{padding:10px 0}.apm-info .left>div[data-v-02c6cb3a]{display:inline-block}.apm-info .left .bold[data-v-02c6cb3a]{font-size:20px;color:#f9f9f9}.apm-info .left .big[data-v-02c6cb3a]{font-size:30px;padding-left:20px;padding-right:10px;font-weight:700}.apm-canvas[data-v-02c6cb3a]{width:544px;height:126px}.recommend[data-v-02c6cb3a]{padding:40px 0 50px 0}.recommend .label[data-v-02c6cb3a]{font-size:26px;padding-bottom:20px;font-weight:700}.list[data-v-02c6cb3a]{display:flex}.list .item[data-v-02c6cb3a]{width:308px;margin-left:16px;cursor:pointer}.list .item[data-v-02c6cb3a]:first-child{margin:0}.list .item:hover .name[data-v-02c6cb3a]{text-decoration:underline}.list .img img[data-v-02c6cb3a]{width:308px;height:192px;display:block}.list .name[data-v-02c6cb3a]{margin:20px 0;margin-right:10px}.list .price[data-v-02c6cb3a]{padding-top:10px}.w1280[data-v-02c6cb3a]{width:1280px;margin:0 auto}.w1900[data-v-02c6cb3a]{width:1900px;margin:0 auto}.w1900-min-w[data-v-02c6cb3a]{min-width:1900px}.w1632[data-v-02c6cb3a]{width:1632px;margin:0 auto}.w1632-min-w[data-v-02c6cb3a]{min-width:1632px}.w1280-min-w[data-v-02c6cb3a]{min-width:1280px}.sprite-host[data-v-02c6cb3a]{background:url(../img/host.71c93dc5.png) no-repeat}.sprite-parts[data-v-02c6cb3a]{background:url(../img/parts.f9d5a218.png) no-repeat}