.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.keyboard-simulator-section{padding-bottom:var(--padding-bottom,36px);padding-top:var(--padding-top,36px)}.keyboard-simulator__header{margin-bottom:3rem;text-align:center}.keyboard-simulator__title{margin-bottom:1rem}.keyboard-simulator__description{color:rgba(var(--color-foreground),.7);margin:0 auto;max-width:600px}.keyboard-simulator__controls{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.keyboard-simulator__control-group{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.75rem}.keyboard-simulator__control-group--volume{min-width:200px}.keyboard-simulator__label{color:rgba(var(--color-foreground),.8);font-size:1.4rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.keyboard-simulator__select-wrapper{display:inline-block;max-width:320px;position:relative;width:100%}.keyboard-simulator__select-wrapper:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(var(--color-foreground),.6);content:"";height:0;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:0}.keyboard-simulator__select-wrapper:focus-within:after{transform:translateY(-50%) rotate(180deg)}.keyboard-simulator__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(145deg,rgba(var(--color-foreground),.03),rgba(var(--color-foreground),.06));border:2px solid rgba(var(--color-foreground),.12);border-radius:12px;box-shadow:0 2px 8px #0000000a;color:rgb(var(--color-foreground));cursor:pointer;font-size:1.4rem;font-weight:500;outline:none;padding:14px 48px 14px 18px;transition:all .25s ease;width:100%}.keyboard-simulator__select:hover{background:linear-gradient(145deg,rgba(var(--color-foreground),.05),rgba(var(--color-foreground),.08));border-color:rgba(var(--color-foreground),.25);box-shadow:0 4px 12px #00000014}.keyboard-simulator__select:focus{border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.15),0 4px 12px #0000001a}.keyboard-simulator__select option{background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;padding:12px 16px}.keyboard-simulator__select option:checked{background:rgba(var(--color-button),.1)}.keyboard-simulator__select:disabled{cursor:not-allowed;opacity:.5}.keyboard-simulator__products{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.keyboard-simulator__product-card{align-items:center;background:rgba(var(--color-foreground),.03);border:2px solid rgba(var(--color-foreground),.1);border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.5rem;max-width:140px;padding:1rem;transition:all .2s ease}.keyboard-simulator__product-card:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3)}.keyboard-simulator__product-card--active{background:rgba(var(--color-button),.1);border-color:rgb(var(--color-button))}.keyboard-simulator__product-image{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;justify-content:center;overflow:hidden;width:100px}.keyboard-simulator__product-image img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.keyboard-simulator__product-name{display:-webkit-box;font-size:1.4rem;font-weight:500;-webkit-line-clamp:2;line-height:1.3;text-align:center;-webkit-box-orient:vertical;overflow:hidden}.keyboard-simulator__product-format{color:rgba(var(--color-foreground),.6);font-size:1.4rem;letter-spacing:.05em;text-transform:uppercase}.keyboard-simulator__switches{flex-wrap:wrap;justify-content:center}.keyboard-simulator__switch-btn,.keyboard-simulator__switches{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.keyboard-simulator__switch-btn{align-items:center;background:rgba(var(--color-foreground),.03);border:2px solid rgba(var(--color-foreground),.1);border-radius:6px;cursor:pointer;font-size:1.4rem;padding:.5rem 1rem;transition:all .2s ease}.keyboard-simulator__switch-btn:hover{border-color:rgba(var(--color-foreground),.3)}.keyboard-simulator__switch-btn--active{background:rgba(var(--color-button),.1);border-color:rgb(var(--color-button))}.keyboard-simulator__switch-color{border:2px solid rgba(0,0,0,.2);border-radius:50%;height:16px;width:16px}.keyboard-simulator__switch-btn--red .keyboard-simulator__switch-color{background:linear-gradient(135deg,#ff6b6b,#c92a2a)}.keyboard-simulator__switch-btn--blue .keyboard-simulator__switch-color{background:linear-gradient(135deg,#74c0fc,#1971c2)}.keyboard-simulator__switch-btn--brown .keyboard-simulator__switch-color{background:linear-gradient(135deg,#d2a679,#8b5a2b)}.keyboard-simulator__switch-btn--black .keyboard-simulator__switch-color{background:linear-gradient(135deg,#495057,#212529)}.keyboard-simulator__switch-btn--yellow .keyboard-simulator__switch-color{background:linear-gradient(135deg,#ffd43b,#fab005)}.keyboard-simulator__switch-name{white-space:nowrap}.keyboard-simulator__volume-control{gap:.75rem}.keyboard-simulator__mute-btn,.keyboard-simulator__volume-control{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.keyboard-simulator__mute-btn{background:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;height:36px;justify-content:center;opacity:.7;transition:opacity .2s;width:36px}.keyboard-simulator__mute-btn:hover{opacity:1}.keyboard-simulator--muted .keyboard-simulator__volume-icon--on,.keyboard-simulator__volume-icon--off{display:none}.keyboard-simulator--muted .keyboard-simulator__volume-icon--off{display:block}.keyboard-simulator__volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--color-foreground),.15);border-radius:3px;cursor:pointer;height:6px;outline:none;width:120px}.keyboard-simulator__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:rgb(var(--color-button));border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .15s;transition:transform .15s;width:18px}.keyboard-simulator__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.keyboard-simulator__volume-slider::-moz-range-thumb{background:rgb(var(--color-button));border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.keyboard-simulator__volume-value{color:rgba(var(--color-foreground),.7);font-size:1.4rem;min-width:40px}.keyboard-simulator__main-content{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 320px}@media screen and (max-width:1199px){.keyboard-simulator__main-content{gap:1.5rem;grid-template-columns:1fr 280px}}@media screen and (max-width:1500px){.keyboard-simulator__main-content{grid-template-columns:1fr}}.keyboard-simulator__keyboard-area{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1rem;width:100%}.keyboard-simulator__instruction{color:rgba(var(--color-foreground),.6);font-size:1.4rem;text-align:center}.keyboard-simulator__instruction-mobile{display:none}@media screen and (max-width:749px){.keyboard-simulator__instruction-desktop{display:none}.keyboard-simulator__instruction-mobile{display:block}}.keyboard-simulator__product-panel{background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;position:sticky;top:120px}@media screen and (max-width:1500px){.keyboard-simulator__product-panel{display:none}}.keyboard-simulator__panel-image{align-items:center;aspect-ratio:1;background:rgba(var(--color-foreground),.03);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;overflow:hidden;width:100%}.keyboard-simulator__panel-image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.keyboard-simulator__panel-info{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.5rem}.keyboard-simulator__panel-title{font-size:1.125rem;font-weight:600;line-height:1.3;margin:0}.keyboard-simulator__panel-variant{color:rgba(var(--color-foreground),.7);font-size:1.4rem}.keyboard-simulator__panel-price{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;margin-top:.25rem}.keyboard-simulator__panel-current-price{color:rgb(var(--color-foreground));font-size:1.25rem;font-weight:700}.keyboard-simulator__panel-compare-price{color:rgba(var(--color-foreground),.5);font-size:1.4rem;text-decoration:line-through}.keyboard-simulator__panel-stock{font-size:1.4rem;min-height:1.25rem}.keyboard-simulator__panel-stock--out{color:#dc3545;font-weight:500}.keyboard-simulator__panel-actions{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.keyboard-simulator__add-to-cart{min-height:48px;position:relative;width:100%}.keyboard-simulator__add-to-cart:disabled{cursor:not-allowed;opacity:.6}.keyboard-simulator__view-product{color:rgba(var(--color-foreground),.7);font-size:1.4rem;text-align:center;text-decoration:none;transition:color .2s}.keyboard-simulator__view-product:hover{color:rgb(var(--color-foreground))}.keyboard-simulator__btn-loading{align-items:center;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.keyboard-simulator__btn--loading .keyboard-simulator__btn-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.keyboard-simulator__btn--loading [data-btn-text],.keyboard-simulator__btn--loading [data-mobile-btn-text]{visibility:hidden}.keyboard-simulator__btn--success{background-color:#28a745!important;border-color:#28a745!important}.keyboard-simulator__btn--error{background-color:#dc3545!important;border-color:#dc3545!important}.keyboard-simulator__btn-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.keyboard-simulator__mobile-bar{background:#fff;border-top:1px solid rgba(0,0,0,.1);bottom:0;box-shadow:0 -4px 12px #00000026;display:none;left:0;padding:.75rem 1rem;position:fixed;right:0;z-index:100}@media screen and (max-width:1500px){.keyboard-simulator__mobile-bar{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;justify-content:space-between}.keyboard-simulator-section{padding-bottom:calc(var(--padding-bottom, 36px) + 80px)}}.keyboard-simulator__mobile-bar-info{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;gap:.75rem;min-width:0}.keyboard-simulator__mobile-bar-image{background:#f5f5f5;border-radius:6px;flex-shrink:0;height:48px;-o-object-fit:contain;object-fit:contain;width:48px}.keyboard-simulator__mobile-bar-details{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.125rem;min-width:0}.keyboard-simulator__mobile-bar-title{color:#1a1a1a;font-size:1.4rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyboard-simulator__mobile-bar-price{color:#1a1a1a;font-size:1.4rem;font-weight:700}.keyboard-simulator__mobile-bar-btn{flex-shrink:0;font-size:1.4rem;min-width:120px;padding:.75rem 1.25rem;position:relative}.keyboard-simulator__mobile-bar-btn:disabled{cursor:not-allowed;opacity:.6}.keyboard-simulator__keyboard{--key-unit:clamp(36px,4.2vw,56px);--key-gap:3px;--key-border-radius:6px;--section-gap:calc(var(--key-unit)*.4);--kb-container-bg:#c8c8c8;--kb-container-border:#a0a0a0;--kb-container-inner:#b8b8b8;--key-bg:#ebe6d6;--key-bg-hover:#f0ebe0;--key-bg-pressed:#ddd8c8;--key-face-bg:#f8f4e8;--key-face-hover:#fcf9f0;--key-face-pressed:#e8e4d8;--key-border-color:#c8c3b3;--key-border-bottom:#a8a393;--key-text-color:#3a3a3a;--key-text-shadow:none;--key-shadow:0 1px 0 0 hsla(0,0%,100%,.9),0 2px 0 0 #e8e3d3,0 3px 0 0 #ddd8c8,0 4px 0 0 #d2cdbd,0 5px 0 0 #c7c2b2,0 6px 0 0 #bcb7a7,0 7px 0 0 #b1ac9c,0 8px 0 0 #a6a191,0 9px 4px rgba(0,0,0,.25),0 12px 12px rgba(0,0,0,.15);--key-shadow-pressed:0 1px 0 0 #d8d3c3,0 2px 0 0 #c8c3b3,0 3px 0 0 #b8b3a3,0 4px 2px rgba(0,0,0,.2);--mod-key-bg:#c4bfa8;--mod-key-bg-hover:#cec9b2;--mod-key-bg-pressed:#b5b09a;--mod-key-face-bg:#d5d0bc;--mod-key-face-hover:#dedad0;--mod-key-face-pressed:#c5c0ac;--mod-key-border-bottom:#9a9580;--mod-key-shadow:0 1px 0 0 hsla(0,0%,100%,.5),0 2px 0 0 #c5c0a8,0 3px 0 0 #bab598,0 4px 0 0 #afaa88,0 5px 0 0 #a49f78,0 6px 0 0 #999468,0 7px 0 0 #8e8958,0 8px 0 0 #838048,0 9px 4px rgba(0,0,0,.25),0 12px 12px rgba(0,0,0,.15);background:var(--kb-container-bg);border:1px solid var(--kb-container-border);border-radius:10px;box-shadow:inset 0 2px #fff6,inset 0 -2px #00000014,0 6px 12px #00000040,0 12px 24px #00000026;max-width:100%;overflow-x:auto;padding:24px}.keyboard-simulator__keyboard--60{--key-unit:calc(10% - var(--key-gap)*9/10);--key-gap:6px;--key-border-radius:8px;max-width:100%;overflow:visible;padding:12px;width:100%}.keyboard-simulator__keyboard--60 .keyboard-simulator__keyboard-inner,.keyboard-simulator__keyboard--60 .keyboard-simulator__section{width:100%}.keyboard-simulator__keyboard--60 .keyboard-simulator__row{justify-content:center;width:100%}.keyboard-simulator__keyboard--60 .keyboard-simulator__row:nth-child(2){padding:0 5%}.keyboard-simulator__keyboard--60 .keyboard-simulator__key{border-radius:var(--key-border-radius);flex:0 0 var(--key-unit);font-size:1rem;height:46px}.keyboard-simulator__keyboard--60 .keyboard-simulator__key--1-5u{flex:0 0 calc(var(--key-unit)*1.3)}.keyboard-simulator__keyboard--60 .keyboard-simulator__key-label{font-size:1rem;font-weight:500}.keyboard-simulator__keyboard--60 .keyboard-simulator__row:last-child .keyboard-simulator__key{border-radius:21px;flex:1;height:42px;max-width:60%}.keyboard-simulator__keyboard--60 .keyboard-simulator__row:last-child .keyboard-simulator__key-label{color:#0006;font-size:.875rem;letter-spacing:.05em;text-transform:lowercase}.keyboard-simulator__keyboard-inner{align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;gap:var(--section-gap)}.keyboard-simulator__section{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:var(--key-gap)}.keyboard-simulator__section--nav{padding-top:0}.keyboard-simulator__section--numpad{padding-top:calc(var(--key-unit) + var(--key-gap))}.keyboard-simulator__row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--key-gap);justify-content:flex-start}.keyboard-simulator__row--empty{height:var(--key-unit)}.keyboard-simulator__spacer{flex-shrink:0}.keyboard-simulator__key{align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(var(--key-bg)),to(color-mix(in srgb,var(--key-bg) 90%,#000)));background:linear-gradient(180deg,var(--key-bg) 0,color-mix(in srgb,var(--key-bg) 90%,#000) 100%);border:none;border-radius:var(--key-border-radius);box-shadow:var(--key-shadow);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:var(--key-unit);justify-content:center;overflow:visible;position:relative;touch-action:manipulation;transition:all .05s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard-simulator__key:before{background:linear-gradient(135deg,color-mix(in srgb,var(--key-face-bg) 100%,#fff 15%) 0,var(--key-face-bg) 50%,color-mix(in srgb,var(--key-face-bg) 95%,#000) 100%);border-radius:calc(var(--key-border-radius) - 1px);bottom:8px;box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 1px #00000014;left:0;right:0;top:0;z-index:1}.keyboard-simulator__key:after,.keyboard-simulator__key:before{content:"";pointer-events:none;position:absolute;transition:all .05s ease-out}.keyboard-simulator__key:after{background:-webkit-gradient(linear,left top,left bottom,from(color-mix(in srgb,var(--key-face-bg) 100%,#fff 8%)),color-stop(40%,var(--key-face-bg)),to(color-mix(in srgb,var(--key-face-bg) 97%,#000)));background:linear-gradient(180deg,color-mix(in srgb,var(--key-face-bg) 100%,#fff 8%) 0,var(--key-face-bg) 40%,color-mix(in srgb,var(--key-face-bg) 97%,#000) 100%);border-radius:calc(var(--key-border-radius) - 3px);bottom:12px;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 3px #0000000d;left:4px;right:4px;top:3px;z-index:2}.keyboard-simulator__key:hover:before{background:linear-gradient(135deg,color-mix(in srgb,var(--key-face-hover) 100%,#fff 15%) 0,var(--key-face-hover) 50%,color-mix(in srgb,var(--key-face-hover) 95%,#000) 100%)}.keyboard-simulator__key:hover:after{background:-webkit-gradient(linear,left top,left bottom,from(color-mix(in srgb,var(--key-face-hover) 100%,#fff 8%)),color-stop(40%,var(--key-face-hover)),to(color-mix(in srgb,var(--key-face-hover) 97%,#000)));background:linear-gradient(180deg,color-mix(in srgb,var(--key-face-hover) 100%,#fff 8%) 0,var(--key-face-hover) 40%,color-mix(in srgb,var(--key-face-hover) 97%,#000) 100%)}.keyboard-simulator__key--pressed{box-shadow:var(--key-shadow-pressed);transform:translateY(5px)}.keyboard-simulator__key--pressed:before{background:linear-gradient(135deg,var(--key-face-pressed) 0,color-mix(in srgb,var(--key-face-pressed) 95%,#000) 100%);bottom:3px}.keyboard-simulator__key--pressed:after{background:var(--key-face-pressed);bottom:6px;top:2px}.keyboard-simulator__key-label{color:var(--key-text-color);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(.65rem,1.3vw,.85rem);font-weight:600;letter-spacing:.02em;pointer-events:none;position:relative;text-shadow:0 1px 0 hsla(0,0%,100%,.6);transform:translateY(-2px);z-index:3}.keyboard-simulator__key--modifier{--key-face-bg:var(--mod-key-face-bg);--key-face-hover:var(--mod-key-face-hover);--key-face-pressed:var(--mod-key-face-pressed);background:-webkit-gradient(linear,left top,left bottom,from(var(--mod-key-bg)),to(color-mix(in srgb,var(--mod-key-bg) 90%,#000)));background:linear-gradient(180deg,var(--mod-key-bg) 0,color-mix(in srgb,var(--mod-key-bg) 90%,#000) 100%);box-shadow:var(--mod-key-shadow)}.keyboard-simulator__key--modifier:hover{background:-webkit-gradient(linear,left top,left bottom,from(var(--mod-key-bg-hover)),to(color-mix(in srgb,var(--mod-key-bg-hover) 90%,#000)));background:linear-gradient(180deg,var(--mod-key-bg-hover) 0,color-mix(in srgb,var(--mod-key-bg-hover) 90%,#000) 100%)}.keyboard-simulator__key--modifier.keyboard-simulator__key--pressed{background:-webkit-gradient(linear,left top,left bottom,from(var(--mod-key-bg-pressed)),to(color-mix(in srgb,var(--mod-key-bg-pressed) 90%,#000)));background:linear-gradient(180deg,var(--mod-key-bg-pressed) 0,color-mix(in srgb,var(--mod-key-bg-pressed) 90%,#000) 100%)}.keyboard-simulator__key--spacebar{position:relative}.keyboard-simulator__spacebar-logo{height:clamp(12px,2vw,20px);max-width:60%;-o-object-fit:contain;object-fit:contain;opacity:.85;pointer-events:none;position:relative;transform:translateY(-2px);width:auto;z-index:3}.keyboard-simulator__key--invisible{pointer-events:none;visibility:hidden}.keyboard-simulator__key--1u{width:var(--key-unit)}.keyboard-simulator__key--1-25u{width:calc(var(--key-unit)*1.25)}.keyboard-simulator__key--1-5u{width:calc(var(--key-unit)*1.5)}.keyboard-simulator__key--1-75u{width:calc(var(--key-unit)*1.75)}.keyboard-simulator__key--2u{width:calc(var(--key-unit)*2 + var(--key-gap))}.keyboard-simulator__key--2-25u{width:calc(var(--key-unit)*2.25 + var(--key-gap)*1.25)}.keyboard-simulator__key--2-75u{width:calc(var(--key-unit)*2.75 + var(--key-gap)*1.75)}.keyboard-simulator__key--6-25u{width:calc(var(--key-unit)*6.25 + var(--key-gap)*5.25)}.keyboard-simulator__key--h2{height:calc(var(--key-unit)*2 + var(--key-gap));position:absolute;right:0}.keyboard-simulator__section--numpad .keyboard-simulator__row{position:relative}@media screen and (max-width:1199px){.keyboard-simulator__keyboard{--key-unit:clamp(28px,3.5vw,44px);padding:20px}}@media screen and (max-width:999px){.keyboard-simulator__controls{gap:1.5rem;justify-content:flex-start}.keyboard-simulator__control-group{max-width:400px;width:100%}.keyboard-simulator__select,.keyboard-simulator__select-wrapper{width:100%}.keyboard-simulator__control-group--volume{max-width:100%}.keyboard-simulator__keyboard-area{align-items:center;width:100%}.keyboard-simulator__keyboard{display:inline-block;max-width:100%;width:auto}}@media screen and (max-width:899px){.keyboard-simulator__keyboard{--key-unit:clamp(24px,3vw,38px);--key-gap:4px;border-radius:12px;padding:16px}.keyboard-simulator__products{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto;padding-bottom:.5rem}.keyboard-simulator__product-card{flex-shrink:0}}@media screen and (max-width:749px){.keyboard-simulator__header{margin-bottom:2rem;text-align:left}.keyboard-simulator__controls{align-items:stretch;flex-direction:column;gap:1.25rem}.keyboard-simulator__control-group{max-width:100%}.keyboard-simulator__keyboard-area{overflow:visible}.keyboard-simulator__keyboard{min-width:unset;width:100%}}@media screen and (max-width:599px){.keyboard-simulator__keyboard,.keyboard-simulator__keyboard-inner{width:100%}.keyboard-simulator__section--numpad{padding-top:var(--section-gap)}.keyboard-simulator__key-label{font-size:1rem}.keyboard-simulator__switches{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;width:100%}.keyboard-simulator__switch-btn{flex-shrink:0;font-size:1.4rem;padding:.375rem .75rem}.keyboard-simulator__switch-color{height:12px;width:12px}}@media(hover:none)and (pointer:coarse){.keyboard-simulator__key{min-height:36px}.keyboard-simulator__key:active{background-color:var(--key-bg-pressed);box-shadow:var(--key-shadow-pressed);filter:brightness(.9);transform:translateY(3px)}}.keyboard-simulator__typing-test{background:linear-gradient(145deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.05));border:2px solid rgba(var(--color-foreground),.1);border-radius:16px;padding:2rem}.keyboard-simulator__typing-test-header{align-items:center;border-bottom:1px solid rgba(var(--color-foreground),.1);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.keyboard-simulator__typing-test-title{font-size:1.8rem;font-weight:700;margin:0}.keyboard-simulator__typing-test-timer{align-items:center;background:rgba(var(--color-foreground),.05);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.6rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.keyboard-simulator__typing-test-timer svg{opacity:.7}.keyboard-simulator__typing-test-timer--warning{animation:pulse-warning 1s infinite;background:#ef44441a;color:#ef4444}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.keyboard-simulator__typing-words{background:#fff;border:1px solid rgba(var(--color-foreground));border-radius:12px;height:120px;margin-bottom:1.5rem;overflow:hidden;padding:1rem;position:relative}.keyboard-simulator__typing-words:after,.keyboard-simulator__typing-words:before{content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.keyboard-simulator__typing-words:before{top:0}.keyboard-simulator__typing-words:after{bottom:0}.keyboard-simulator__typing-words-inner{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;font-family:SF Mono,Monaco,Fira Code,Consolas,monospace;font-size:1.6rem;gap:.5rem .75rem;line-height:2}.keyboard-simulator__typing-word{border-radius:4px;color:rgba(var(--color-foreground),.5);padding:.25rem .5rem;transition:all .2s ease}.keyboard-simulator__typing-word--current{background:rgba(var(--color-button),.15);border-bottom:2px solid rgb(var(--color-button));color:rgb(var(--color-foreground))}.keyboard-simulator__typing-word--completed{opacity:.4}.keyboard-simulator__typing-word--correct{color:#22c55e}.keyboard-simulator__typing-word--wrong{color:#ef4444;text-decoration:line-through}.keyboard-simulator__typing-char--correct{color:#22c55e}.keyboard-simulator__typing-char--incorrect{background:#ef444433;border-radius:2px;color:#ef4444}.keyboard-simulator__typing-char--extra{background:#ef44444d;border-radius:2px;color:#ef4444}.keyboard-simulator__typing-input-wrapper{margin-bottom:1.5rem}.keyboard-simulator__typing-input{background:rgba(var(--color-foreground),.03);border:2px solid rgba(var(--color-foreground),.15);border-radius:12px;color:rgb(var(--color-foreground));font-family:SF Mono,Monaco,Fira Code,Consolas,monospace;font-size:1.6rem;outline:none;padding:1rem 1.5rem;transition:all .25s ease;width:100%}.keyboard-simulator__typing-input:focus{background:rgba(var(--color-foreground),.05);border-color:rgb(var(--color-button));box-shadow:0 0 0 4px rgba(var(--color-button),.15)}.keyboard-simulator__typing-input:disabled{cursor:not-allowed;opacity:.5}.keyboard-simulator__typing-input::-moz-placeholder{color:rgba(var(--color-foreground),.4)}.keyboard-simulator__typing-input::placeholder{color:rgba(var(--color-foreground),.4)}.keyboard-simulator__typing-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;justify-content:center}.keyboard-simulator__typing-btn{align-items:center;background:rgb(var(--color-button));border:none;border-radius:10px;color:rgb(var(--color-button-text));cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.4rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .25s ease}.keyboard-simulator__typing-btn:hover{box-shadow:0 6px 20px rgba(var(--color-button),.3);transform:translateY(-2px)}.keyboard-simulator__typing-btn:active{transform:translateY(0)}.keyboard-simulator__typing-btn--restart{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.keyboard-simulator__typing-btn--restart:hover{background:rgba(var(--color-foreground),.15);box-shadow:0 6px 20px #0000001a}.keyboard-simulator__typing-results{animation:fadeInUp .5s ease;padding:2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.keyboard-simulator__typing-results-title{font-size:2rem;font-weight:700;margin:0 0 2rem}.keyboard-simulator__typing-stats{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.keyboard-simulator__typing-stat{align-items:center;background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;padding:1.5rem}.keyboard-simulator__typing-stat-value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.keyboard-simulator__typing-stat-label{color:rgba(var(--color-foreground),.6);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.keyboard-simulator__typing-stat--wpm .keyboard-simulator__typing-stat-value{color:rgb(var(--color-button))}.keyboard-simulator__typing-stat--accuracy .keyboard-simulator__typing-stat-value{color:#8b5cf6}.keyboard-simulator__typing-stat--correct .keyboard-simulator__typing-stat-value{color:#22c55e}.keyboard-simulator__typing-stat--wrong .keyboard-simulator__typing-stat-value{color:#ef4444}.keyboard-simulator__typing-results--excellent .keyboard-simulator__typing-results-title:after{content:" \1f525"}.keyboard-simulator__typing-results--good .keyboard-simulator__typing-results-title:after{content:" \1f44d"}.keyboard-simulator__typing-results--average .keyboard-simulator__typing-results-title:after{content:" \1f4aa"}.keyboard-simulator__typing-btn--try-again{font-size:1.4rem;margin-top:1rem;padding:1rem 2.5rem}@media screen and (max-width:768px){.keyboard-simulator__typing-test{padding:1.5rem;width:100%}.keyboard-simulator__typing-test-header{flex-direction:column;gap:1rem;text-align:center}.keyboard-simulator__typing-test-title{font-size:1.6rem}.keyboard-simulator__typing-words{height:100px}.keyboard-simulator__typing-words-inner{font-size:1.4rem;gap:.4rem .6rem}.keyboard-simulator__typing-input{font-size:1.4rem;padding:.875rem 1.25rem}.keyboard-simulator__typing-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.keyboard-simulator__typing-stat{padding:1rem}.keyboard-simulator__typing-stat-value{font-size:2.4rem}.keyboard-simulator__typing-stat-label{font-size:1rem}.keyboard-simulator__typing-controls{flex-direction:column}.keyboard-simulator__typing-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sections.fantech-keyboard-simulator.css.map */