.keyboard-comparison{--kbc-accent: #e5b15b;--kbc-border: #e8e8e8;--kbc-text: #111;--kbc-muted: #666;--kbc-row-alt: #fafafa;--kbc-yes: #1a7f4a;color:var(--kbc-text)}.keyboard-comparison .page-title{font-size:32px;font-weight:700;margin:0 0 20px;text-align:center;letter-spacing:-.02em}.keyboard-comparison .highlight-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:14px 20px;background:#f4f6f7;border-radius:4px;flex-wrap:wrap;border:.667px solid #E8E8E8}.keyboard-comparison .highlight-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:none;background:transparent;font-size:14px;font-weight:400;color:var(--kbc-text);padding:0}.keyboard-comparison .highlight-hint{margin:0;font-size:12px;color:var(--kbc-muted)}.keyboard-comparison .toggle-track{width:36px;height:20px;background:#ccc;border-radius:10px;position:relative;flex-shrink:0}.keyboard-comparison .toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.keyboard-comparison.highlight-on .toggle-track{background:var(--kbc-text)}.keyboard-comparison.highlight-on .toggle-dot{transform:translate(16px)}.keyboard-comparison .desktop-only{display:block}.keyboard-comparison .mobile-only{display:none}.keyboard-comparison .kbc-mobile-tab-bar{flex-direction:column;gap:6px;margin-bottom:12px}.keyboard-comparison .kbc-mobile-picker-hint{margin:0 0 8px;font-size:11px;font-weight:400;line-height:1.5;color:var(--kbc-muted)}.keyboard-comparison .kbc-mobile-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.keyboard-comparison .kbc-kb-tab{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 14px;border:1.333px solid #d0d0d0;border-radius:17px;background:#fff;color:var(--kbc-muted);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.keyboard-comparison .kbc-kb-tab.active{border-color:#111;background:#111;color:#fff}.keyboard-comparison .kbc-kb-tab-check{display:none;flex-shrink:0}.keyboard-comparison .kbc-kb-tab.active .kbc-kb-tab-check{display:inline-block}.keyboard-comparison .spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.keyboard-comparison .kb-card{display:flex;flex-direction:column;background:#fff;border:1.333px solid var(--kbc-border);border-radius:8px;overflow:hidden}.keyboard-comparison .kb-card-dropdown-wrap{padding:20px 18px 0}.keyboard-comparison .kbc-model-label{font-size:11px;font-weight:700;color:var(--kbc-muted);text-transform:uppercase;margin:0 0 8px;line-height:1.5}.keyboard-comparison .rk-dropdown{position:relative;width:100%}.keyboard-comparison .rk-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:10px 12px;border:1.333px solid var(--kbc-text);border-radius:4px;background:#fff;cursor:pointer;font:inherit;color:var(--kbc-text)}.keyboard-comparison .rk-dropdown-label{font-size:14px;font-weight:700;text-align:left}.keyboard-comparison .rk-dropdown-arrow{flex-shrink:0;transition:transform .2s}.keyboard-comparison .rk-dropdown-trigger.open .rk-dropdown-arrow{transform:rotate(180deg)}.keyboard-comparison{--rk-dropdown-item-height: 42px}.keyboard-comparison .rk-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:#fff;border:1.333px solid var(--kbc-text);border-radius:4px;max-height:calc(var(--rk-dropdown-item-height) * 4);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 4px 16px #00000014}.keyboard-comparison .rk-dropdown-menu.open{display:block}.keyboard-comparison .rk-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--rk-dropdown-item-height);padding:10px 12px;box-sizing:border-box;border:none;border-bottom:1px solid #f0f0f0;background:#fff;cursor:pointer;font:inherit;text-align:left}.keyboard-comparison .rk-dropdown-item:last-child{border-bottom:none}.keyboard-comparison .rk-dropdown-item-name{font-size:14px;color:var(--kbc-text)}.keyboard-comparison .rk-dropdown-item.selected .rk-dropdown-item-name{font-weight:700}.keyboard-comparison .rk-dropdown-item-check{width:14px;height:14px;opacity:0}.keyboard-comparison .rk-dropdown-item.selected .rk-dropdown-item-check{opacity:1}.keyboard-comparison .kb-card-panels{display:contents}.keyboard-comparison .kb-product-panel.kbc-hidden,.keyboard-comparison .kb-product-panel[hidden]{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none!important}.keyboard-comparison .kb-product-panel.is-active{display:flex;flex-direction:column;flex:1}.keyboard-comparison .kb-card-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:16px 18px 0}.keyboard-comparison .kb-card-model{font-size:18px;font-weight:700;line-height:1.2}.keyboard-comparison .kb-card-tag{font-size:12px;font-weight:700;padding:2px 4px;border-radius:2px;text-transform:uppercase;line-height:1;background:#f5c800;color:#111}.keyboard-comparison .kb-card-tag--best-seller{background:#111;color:#f5c800}.keyboard-comparison .kb-card-tag--office-ready,.keyboard-comparison .kb-card-tag--entry-level,.keyboard-comparison .kb-card-tag--budget-friendly{background:#ebebeb;color:#111}.keyboard-comparison .kb-card-tag--gamer-s-pick,.keyboard-comparison .kb-card-tag--pro-pick{background:#7b2fbe;color:#fff}.keyboard-comparison .product-img-bg{margin-top:12px;height:200px;background:var(--kbc-row-alt);border-top:.667px solid var(--kbc-border);border-bottom:.667px solid var(--kbc-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.keyboard-comparison .product-img-frame{position:relative;width:100%;max-width:240px;height:240px;display:flex;align-items:center;justify-content:center}.keyboard-comparison .product-img-frame img{max-width:100%;object-fit:contain}.keyboard-comparison .kb-card-swatches{padding:11px 18px;border-bottom:.667px solid var(--kbc-border)}.keyboard-comparison .kb-card-swatches .item-swatch{height:auto;justify-content:flex-start}.keyboard-comparison .kb-card-price-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:.667px solid var(--kbc-border);text-wrap:pretty}.keyboard-comparison .kbc-price-label{margin:0;font-size:12px;color:var(--kbc-muted)}.keyboard-comparison .kbc-price-compare{margin:0;font-size:11px;color:#ccc;text-decoration:line-through}.keyboard-comparison .kb-card-price{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.keyboard-comparison .kb-card-price-row.sale-tips-list{justify-content:center}.keyboard-comparison .kb-card-price-row.sale-tips-list .sale_tips{padding:0;margin:0}@media(max-width:1023px){.keyboard-comparison .kb-card-price-row,.keyboard-comparison .kb-card-footer-note{padding:10px}.keyboard-comparison .kb-card-price{font-size:20px}}.keyboard-comparison .kb-card-cta{padding:14px 18px;border-bottom:.667px solid var(--kbc-border);display:flex;justify-content:center}.keyboard-comparison .kb-card-cta .quick-add{width:100%;max-width:240px}.keyboard-comparison .kb-card-cta .quick-add__submit.button{width:100%;min-height:45px!important;background:var(--kbc-accent)!important;border:none!important;border-radius:0!important;color:#111!important;font-size:15px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.3px;cursor:pointer}.keyboard-comparison .kb-card-cta .quick-add__submit.button:before,.keyboard-comparison .kb-card-cta .quick-add__submit.button:after{box-shadow:none}.keyboard-comparison .kb-card-cta .quick-add__submit.button:hover,.keyboard-comparison .kb-card-cta .quick-add__submit.button:focus-visible{background:#111!important;color:#fff!important;border:none!important}.kb-card-reviews{padding:0 18px}.keyboard-comparison .kb-card-specs{flex:1}.keyboard-comparison .spec-group-title{box-sizing:border-box;height:29px;min-height:29px;max-height:29px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;background:var(--kbc-row-alt);border-top:.667px solid var(--kbc-border);border-bottom:.667px solid var(--kbc-border);font-size:12px;font-weight:700;color:var(--kbc-muted);text-transform:uppercase;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.keyboard-comparison .spec-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 18px;border-bottom:.667px solid var(--kbc-border);box-sizing:border-box;overflow:hidden}.keyboard-comparison .spec-row:hover{background:var(--kbc-row-alt)}.keyboard-comparison .spec-row.spec-diff{background:#f5c8000f!important}.keyboard-comparison .spec-key{flex-shrink:0;max-width:52%;font-size:16px;font-weight:700;line-height:1.3;color:var(--kbc-text)}.keyboard-comparison .spec-val{min-width:0;font-size:14px;font-weight:400;line-height:1.3;text-align:right;color:#444}.keyboard-comparison .spec-val.spec-yes{flex-shrink:0;font-size:16px;font-weight:700;color:var(--kbc-yes);border-radius:3px;padding:2px 7px;white-space:nowrap;background:#fffbe6}.keyboard-comparison .kb-card-footer-note{background:var(--kbc-row-alt);border-top:.667px solid var(--kbc-border);padding:14px 18px}.keyboard-comparison .kb-card-footer-note p{margin:0;font-size:12px;color:var(--kbc-muted);line-height:1.5}.keyboard-comparison .view_more{display:none;width:max-content;margin:24px auto 0;align-items:center;justify-content:center;padding:8px 20px;font-size:14px;gap:8px;cursor:pointer;border:1px solid rgba(0,0,0,.3);border-radius:0;background:transparent;color:var(--kbc-text);font-family:inherit}.keyboard-comparison .view_more .arrow-rotate{transform:rotate(180deg)}@media(max-width:1023px){.keyboard-comparison .spec-grid{grid-template-columns:repeat(2,1fr);gap:8px}.keyboard-comparison .mobile-only{display:flex}.keyboard-comparison .desktop-only{display:none!important}.keyboard-comparison .page-title{font-size:24px}.keyboard-comparison .kb-card-dropdown-wrap{padding:10px 10px 0}.keyboard-comparison .rk-dropdown-trigger{min-height:36px;padding:8px 10px}.keyboard-comparison .rk-dropdown-label{font-size:11px}.keyboard-comparison .kb-card-model{font-size:14px}.keyboard-comparison .kb-card-tag{font-size:9px}.keyboard-comparison .view_more{display:block}.keyboard-comparison.hide-more .spec-group:nth-child(n+2){display:none}.keyboard-comparison .spec-group-title{padding:0 10px;font-size:10px}.keyboard-comparison .spec-row{flex-direction:column;align-items:flex-start;justify-content:center;min-height:72px;padding:10px;gap:3px}.keyboard-comparison .spec-key{max-width:100%;font-size:11px;font-weight:400;color:var(--kbc-muted);text-transform:uppercase;letter-spacing:.3px}.keyboard-comparison .spec-val{width:100%;font-size:13px;font-weight:700;text-align:left;color:var(--kbc-text)}.keyboard-comparison .spec-val.spec-yes{font-size:12px;padding:2px 6px}}body.dark-mode .keyboard-comparison .kb-card{background:#1a1a1a;border-color:#444}body.dark-mode .keyboard-comparison .highlight-bar{background:#313131}body.dark-mode .keyboard-comparison .rk-dropdown-trigger,body.dark-mode .keyboard-comparison .rk-dropdown-menu{background:#1a1a1a;border-color:#666;color:#fff}body.dark-mode .keyboard-comparison .spec-group-title,body.dark-mode .keyboard-comparison .product-img-bg,body.dark-mode .keyboard-comparison .kb-card-footer-note{background:#313131}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-keyboard-comparison.css.map */