.switch-comparison .comparison-section-title{margin-bottom:30px;font-size:32px;display:flex;justify-content:center;align-items:center;text-align:center}.section_product_desc .switch-comparison{max-width:1600px;margin:40px auto 0}.switch-comparison-wrapper{position:relative}.switch-comparison-wrapper .left-btn{position:absolute;left:-100px;top:50%;transform:translateY(-50%);background:0;border:0;cursor:pointer;color:#000}.switch-comparison-wrapper .right-btn{position:absolute;right:-100px;top:50%;transform:translateY(-50%);background:0;border:0;cursor:pointer;color:#000}body.dark-mode .switch-comparison-wrapper .left-btn,body.dark-mode .switch-comparison-wrapper .right-btn{background-color:transparent!important}body.dark-mode .switch-comparison-wrapper .right-btn svg,body.dark-mode .switch-comparison-wrapper .left-btn svg{color:#fff}.switch-comparison-wrapper .pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:36px}.switch-comparison-wrapper .pagination li{border:1px solid rgba(0,0,0,.1);width:12px;height:12px;border-radius:100px;cursor:pointer}.switch-comparison-wrapper .pagination li.active{border:1px solid black;background-color:#000;width:35px;height:12px;border-radius:100px}body.dark-mode .switch-comparison-wrapper .pagination li.active{border:1px solid white;background-color:#fff}body.dark-mode .switch-comparison-wrapper .pagination li{background-color:transparent;border:1.5px solid rgba(255,255,255,.1)}.switch-comparison .comparison-box{position:relative}.comparison-box .filter-values{overflow:hidden}.comparison-box .filter-values .scroller{overflow-y:auto;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.comparison-box .filter-values .scroller::-webkit-scrollbar{display:none}.comparison-box .value-table{display:table;background-color:transparent;border-collapse:separate;border-spacing:0px 0;margin:0 auto;width:100%}.comparison-box .value-table .value-row{display:table-row}.section_keyboard_switches .desc.center{margin-top:24px;font-size:18px}.comparison-box .value-table .value-row{position:relative;display:block;min-height:1px}.comparison-box .comparison-item{display:table-cell;vertical-align:middle;width:25%;height:55px;text-align:center;color:#202020;font-size:16px;font-weight:400;position:relative;padding-inline:16px;box-sizing:border-box}.comparison-box .comparison-item.title{padding-left:0}.comparison-box .comparison-item.title .comparison-inner{padding:22px 0 22px 24px;display:flex;align-items:center;justify-content:start}.comparison-box .comparison-item .comparison-inner{padding:22px 8px;white-space:normal;word-break:break-word;overflow-wrap:break-word;display:flex;height:100%;align-items:center;justify-content:center}.comparison-box .special-row .comparison-item .comparison-inner{background:#f5f5f5}body.dark-mode .comparison-box .special-row .comparison-item .comparison-inner{background-color:#313131}.value-table{display:block;overflow-x:auto;white-space:nowrap}.comparison-item{display:inline-block;min-width:350px;white-space:normal;vertical-align:top}@media screen and (max-width:1500px){.comparison-item{min-width:330px}}@media screen and (max-width:1400px){.comparison-item{min-width:300px}}@media screen and (max-width:1300px){.comparison-item{min-width:280px}}@media screen and (max-width:1200px){.comparison-item{min-width:250px}}@media screen and (max-width:1100px){.comparison-item{min-width:235px}}.comparison-box .comparison-item img{display:block;margin:0 auto}.comparison-box .comparison-item.product-header{background-color:#fff;color:#000;font-weight:700;font-size:16px;line-height:120%;letter-spacing:0px}.comparison-box .title{color:#0f0f0f;font-weight:700}.comparison-box .comparison-title{left:0;z-index:2;background:#fff;text-align:left;padding:0 24px}.comparison-box .comparison-title{padding-left:0}.comparison-box .product-img .img_box{margin:0 auto;max-width:120px}.comparison-box .value-table .filter-xs{display:none}.comparison-box .comparison-item audio{display:block;width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:-1}.comparison-box .product-audio-btn{font-size:15px;position:relative}.comparison-box .product-audio-btn .btn-graphic-ctn{padding:6px;border-radius:2px;background-color:#ececec;width:max-content;min-width:145px;height:48px;margin:24px auto 0;display:flex;align-items:center}.comparison-box .product-audio-btn .btn-graphic-ctn .play-btn{display:block;width:36px;height:36px;position:relative;background-color:#f4bc10;border-radius:2px}.comparison-box .product-audio-btn .btn-graphic-ctn .play-btn:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;content:"";width:13px;height:13px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.64413 0.615595H1.65427C2.02656 0.609267 2.38453 0.729729 2.70296 0.894719C5.56468 2.37284 8.42587 3.85142 11.2873 5.32978C11.5415 5.46196 11.8053 5.58617 12.0236 5.76569C12.2587 5.95716 12.4523 6.20957 12.4913 6.49901C12.5343 6.78212 12.4141 7.06827 12.214 7.28412C11.983 7.54684 11.6541 7.71464 11.3352 7.87612C8.52993 9.32541 5.72493 10.7747 2.91967 12.2238C2.53672 12.4326 2.11579 12.6259 1.65558 12.6149H1.64595C1.48673 12.6018 1.32726 12.5716 1.18469 12.5041C0.886035 12.3691 0.687276 12.1019 0.59414 11.8188C0.478891 11.4926 0.503085 11.1464 0.500484 10.8089C0.500744 7.8876 0.500223 4.96628 0.500744 2.04497C0.499963 1.66694 0.578791 1.26407 0.854035 0.965496C1.04603 0.752227 1.34313 0.632234 1.64413 0.615595Z' fill='white'/%3E %3C/svg%3E ");background-repeat:no-repeat}.comparison-box .product-audio-btn .btn-graphic-ctn .soundwave{width:73px;height:36px;position:relative;background-color:transparent;background:url(https://cdn.shopifycdn.net/s/files/1/0510/7866/0274/files/soundwave.png?v=1647079129);background-repeat:no-repeat;background-size:contain;margin-left:15px}.comparison-box .product-audio-btn .btn-graphic-ctn .soundwave-active{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://cdn.shopifycdn.net/s/files/1/0510/7866/0274/files/soundwave-active.png?v=1647079161);background-repeat:no-repeat;background-size:contain;overflow:hidden;clip:rect(0,0,37px,-30px);transition:none}.comparison-box .product-audio-btn .btn-graphic-ctn .soundwave-active.playing{clip:rect(0,123px,37px,93px);transition:clip 8.04s linear}.comparison-box .product-audio-btn .btn-title{text-transform:uppercase;position:relative;padding-right:15px;width:max-content;min-width:145px;margin:24px auto 30px;font-size:14px;font-weight:700;line-height:120%}.comparison-box .product-audio-btn .btn-graphic-ctn:hover,.comparison-box .product-audio-btn .btn-title:hover{cursor:pointer}.comparison-box .product-audio-btn .btn-title:hover:after{transform:translate(3px);transition:all .2s linear}@media only screen and (max-width:1600px){.switch-comparison-wrapper .left-btn{top:unset;bottom:-15px;left:20px;transform:translate(0)}.switch-comparison-wrapper .right-btn{top:unset;bottom:-15px;right:20px;transform:translate(0)}.comparison-box .value-table{border-spacing:0px 0}.comparison-box .product-audio-btn .btn-graphic-ctn,.comparison-box .product-audio-btn .btn-title{min-width:160px}.comparison-box .product-audio-btn .btn-graphic-ctn .soundwave{margin-left:20px}}@media only screen and (max-width:1400px){.comparison-box .comparison-item.product-header{font-size:18px}.comparison-box .comparison-item{font-size:15px}.comparison-box .product-audio-btn{font-size:14px}.comparison-box .product-audio-btn .btn-title:after{right:8px}}@media only screen and (min-width:1101px){.comparison-box .value-table.cover,.comparison-box .scroll-bar{display:none}}@media only screen and (max-width:790px){.comparison-box .value-table.cover{display:none}}@media only screen and (max-width:1100px){.comparison-box .filter-values .scroller{overflow-x:scroll}.comparison-box .value-table{border-spacing:0px 0}.comparison-box .value-table.cover{position:absolute;top:0;left:-10px;width:280px}.comparison-box .scroll-bar{position:absolute;right:10px;bottom:0;display:flex;justify-content:space-between;align-items:center;width:100%;z-index:9}.comparison-box .scroll-bar .toggle-btn{display:block}.comparison-box .scroll-bar .toggle-btn svg{display:flex;justify-content:center;align-items:center}.comparison-box .scroll-bar .toggle-btn svg circle{fill-opacity:.75}.comparison-box .scroll-bar .toggle-btn.disabled svg circle{fill-opacity:.25}}@media screen and (max-width:749px){.switch-comparison .comparison-section-title{font-size:18px}}@media only screen and (max-width:790px){.comparison-box .value-table{border-spacing:0;overflow:hidden}}@media only screen and (max-width:590px){.switch-comparison .comparison-section-title{line-height:1.5;padding-left:10px;padding-right:10px}.comparison-box .comparison-item.product-header{font-size:16px}.comparison-box .value-table .filter-xs .filter-item{font-size:15px}.comparison-box .comparison-item{font-size:14px}}.section_keyboard_switches .filter{width:775px;margin:24px auto;display:flex;border-radius:100px;background-color:#f4f6f7}.pagination:has(li:only-child){display:none}.pagination:has(li:only-child)~.left-btn,.pagination:has(li:only-child)~.right-btn,.left-btn:has(~.pagination li:only-child),.right-btn:has(~.pagination li:only-child){display:none}.section_keyboard_switches .filter .filter-option{width:100%;margin:0 auto;padding:8px 28px;font-size:18px;font-weight:700;border-radius:100px;line-height:120%;cursor:pointer}.section_keyboard_switches .filter .filter-option.active{background:#e5b15b}.switch-comparison-mobile{display:none}body.dark-mode .section_keyboard_switches .filter{border-radius:100px}body.dark-mode .section_keyboard_switches .filter .filter-option{color:#000!important}body.dark-mode .header-row .img-col{color:transparent!important}@media screen and (max-width:1000px){.comparison-box .product-audio-btn .btn-title{margin-bottom:0}.section_keyboard_switches .filter{width:100%;margin:24px auto;display:flex;gap:12px;background-color:transparent;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.section_keyboard_switches .filter::-webkit-scrollbar{display:none}.section_keyboard_switches .filter .filter-option{width:60%;text-align:center;background-color:#e6e9eb;font-size:16px;white-space:nowrap;scroll-snap-align:start}.switch-comparison{display:none}.switch-comparison-mobile{display:flex;flex-direction:column;gap:24px}.comparison-box .product-audio-btn .btn-graphic-ctn{width:fit-content;height:30px;min-width:0;margin:0 auto}.comparison-box .product-audio-btn .btn-graphic-ctn .play-btn{width:24px;height:24px}.comparison-box .product-audio-btn .btn-graphic-ctn .soundwave{margin-left:10px;height:24px;width:75px}.value-row-mobile .comparison-col .product-audio-btn .btn-title{font-size:12px}.m-hide{display:none}}.switch-comparison-mobile{overflow-x:auto;width:100%;padding-bottom:10px}.header-row{min-width:max-content;font-size:14px;font-weight:700;line-height:100%}.header-row .comparison-col{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:13px;padding-bottom:13px}.header-row,.value-row-mobile{display:flex;align-items:center}.comparison-col{text-align:center;flex:0 0 200px;box-sizing:border-box;white-space:nowrap}.comparison-col:last-child{flex:1;min-width:400px}.img-col{flex:0 0 120px;display:flex;align-items:center;justify-content:center}.name-col{flex:0 0 200px;display:flex;flex-direction:column;justify-content:center;gap:8px}.product-header{font-size:18px;font-weight:700;line-height:120%}.header-row .img-col{color:transparent}.comparison-col audio{display:block;width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:-1}.value-row-mobile .comparison-col .product-audio-btn .btn-title{padding:0}.switch-comparison{overflow:visible}.switch-comparison::-webkit-scrollbar{display:none}.switch-comparison-mobile{padding-bottom:45px}.switch-comparison-mobile::-webkit-scrollbar{width:1px;height:2px;background-color:#0003}.switch-comparison-mobile::-webkit-scrollbar-thumb{background-color:#e5b15b}@media screen and (max-width:1000px){.name-col{gap:24px}}@media screen and (max-width:500px){.section_keyboard_switches .filter .filter-option{width:80%}.header-row .img-col{width:60px}.comparison-col{flex:0 0 150px}.img-col{width:60px;flex:0 0 60px}.name-col{width:150px;flex:0 0 150px}.value-row-mobile .comparison-col .product-audio-btn .btn-title{margin-top:8px;margin-bottom:0}.name-col{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-keyboard-buying-guide-switches.css.map */
