CYBER01 Hall Effect Switches Keyboard

@font-face { font-family: 'Replica 3 Bold changed4'; src: url("https://cdn.shopify.com/s/files/1/0078/2863/5712/files/Replica-3-Bold-changed4.woff2?v=1718089234") format("woff2"); font-display: swap; } .__pf .pf-c-ct,.__pf .pf-c-lt,.__pf .pf-c-rt{align-content:flex-start}.__pf .oh,.pf-sr-only{overflow:hidden}.__pf .pf-ifr,.pf-no-border,.pf-sr-only{border:0}.__pf img,.__pf video{max-width:100%;border:0;vertical-align:middle}.__pf [tabIndex],.__pf button,.__pf input,.__pf select,.__pf textarea{touch-action:manipulation}.__pf :focus-visible{outline:0!important;box-shadow:none!important}.__pf :not(input):not(select):not(textarea):focus-visible{border:none!important}.__pf *,.__pf :after,.__pf :before{box-sizing:border-box}.__pf [disabled],.__pf [readonly]{cursor:default}.__pf [data-href],.__pf button:not([data-pf-id]):hover{cursor:pointer}.__pf [disabled]:not([disabled=false]){pointer-events:none}.__pf [hidden]{display:none!important}.__pf [data-link=inherit]{color:inherit;text-decoration:none}.__pf [data-pf-placeholder]{outline:0;height:auto;display:none;pointer-events:none!important}.__pf .pf-ifr,.__pf [style*="--ratio"] img{height:100%;left:0;top:0;width:100%;position:absolute}.__pf .pf-r,.__pf .pf-r-eh>.pf-c{display:flex}.__pf [style*="--cw"]{padding:0 15px;width:100%;margin:auto;max-width:var(--cw)}.__pf .pf-bg-lazy{background-image:none!important}.__pf .pf-r{flex-wrap:wrap}.__pf .pf-r-dg{display:grid}.__pf [style*="--c-xs"]{max-width:calc(100%/12*var(--c-xs));flex-basis:calc(100%/12*var(--c-xs))}.__pf [style*="--s-xs"]{margin:0 calc(-1 * var(--s-xs))}.__pf [style*="--s-xs"]>.pf-c{padding:var(--s-xs)}.__pf .pf-r-ew>.pf-c{flex-grow:1;flex-basis:0}.__pf [style*="--ew-xs"]>.pf-c{flex-basis:calc(100% / var(--ew-xs));max-width:calc(100% / var(--ew-xs))}.__pf [style*="--ratio"]{position:relative;padding-bottom:var(--ratio)}.main-content{padding:0}.footer-section,.site-footer,.site-footer-wrapper,main .accent-background+.shopify-section{margin:0}@media (max-width:767.4999px){.__pf .pf-hide{display:none!important}}@media (max-width:1024.4999px) and (min-width:767.5px){.__pf .pf-sm-hide{display:none!important}}@media (max-width:1199.4999px) and (min-width:1024.5px){.__pf .pf-md-hide{display:none!important}}@media (min-width:767.5px){.__pf [style*="--s-sm"]{margin:0 calc(-1 * var(--s-sm))}.__pf [style*="--c-sm"]{max-width:calc(100%/12*var(--c-sm));flex-basis:calc(100%/12*var(--c-sm))}.__pf [style*="--s-sm"]>.pf-c{padding:var(--s-sm)}.__pf [style*="--ew-sm"]>.pf-c{flex-basis:calc(100% / var(--ew-sm));max-width:calc(100% / var(--ew-sm))}}@media (min-width:1024.5px){.__pf [style*="--s-md"]{margin:0 calc(-1 * var(--s-md))}.__pf [style*="--c-md"]{max-width:calc(100%/12*var(--c-md));flex-basis:calc(100%/12*var(--c-md))}.__pf [style*="--s-md"]>.pf-c{padding:var(--s-md)}.__pf [style*="--ew-md"]>.pf-c{flex-basis:calc(100% / var(--ew-md));max-width:calc(100% / var(--ew-md))}}@media (min-width:1199.5px){.__pf [style*="--s-lg"]{margin:0 calc(-1 * var(--s-lg))}.__pf [style*="--c-lg"]{max-width:calc(100%/12*var(--c-lg));flex-basis:calc(100%/12*var(--c-lg))}.__pf [style*="--s-lg"]>.pf-c{padding:var(--s-lg)}.__pf [style*="--ew-lg"]>.pf-c{flex-basis:calc(100% / var(--ew-lg));max-width:calc(100% / var(--ew-lg))}.__pf .pf-lg-hide{display:none!important}}.__pf .pf-r-eh>.pf-c>div{width:100%}.__pf .pf-c-lt{justify-content:flex-start;align-items:flex-start}.__pf .pf-c-ct{justify-content:center;align-items:flex-start}.__pf .pf-c-rt{justify-content:flex-end;align-items:flex-start}.__pf .pf-c-lm{justify-content:flex-start;align-items:center;align-content:center}.__pf .pf-c-cm{justify-content:center;align-items:center;align-content:center}.__pf .pf-c-rm{justify-content:flex-end;align-items:center;align-content:center}.__pf .pf-c-cb,.__pf .pf-c-lb,.__pf .pf-c-rb{align-content:flex-end}.__pf .pf-c-lb{justify-content:flex-start;align-items:flex-end}.__pf .pf-c-cb{justify-content:center;align-items:flex-end}.__pf .pf-c-rb{justify-content:flex-end;align-items:flex-end}.pf-sr-only{position:absolute;width:1px;height:1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.pf-visibility-hidden{visibility:hidden} @media all{.__pf .pf-gs-button-1,.__pf .pf-gs-button-2,.__pf .pf-gs-button-3{padding:12px 20px;font-size:16px;line-height:16px;letter-spacing:0;margin:0}.__pf{--pf-primary-color:rgb(199, 61, 35);--pf-secondary-color:rgb(63, 115, 203);--pf-foreground-color:rgb(55, 126, 98);--pf-background-color:rgb(204, 204, 204);--pf-color-5:rgb(17, 18, 19);--pf-color-6:rgb(246, 197, 103);--pf-color-7:rgb(121, 202, 216);--pf-color-8:rgb(240, 240, 240);--pf-primary-font:"Roboto Condensed";--pf-secondary-font:"Poppins";--pf-tertiary-font:"Source Sans Pro";--pf-4th-font:"Source Sans Pro";--pf-5th-font:"Source Sans Pro";--pf-6th-font:"Source Sans Pro"}.__pf .pf-gs-button-1{background-color:#919da9;color:#fff}.__pf .pf-gs-button-2{color:#919da9;border:1px solid #919da9}.__pf .pf-gs-button-3{background-color:#919da9;color:#fff;border-radius:40px}.__pf .pf-gs-button-4{color:#919da9;border-radius:40px;border:1px solid #919da9;padding:12px 20px;margin:0;font-size:16px;line-height:16px;letter-spacing:0}.__pf .pf-gs-button-5,.__pf .pf-gs-button-6{color:#919da9;border-style:solid;border-color:#919da9;padding:12px 20px;font-size:16px;line-height:16px;letter-spacing:0}.__pf .pf-gs-button-5{border-width:0 0 3px;margin:0}.__pf .pf-gs-button-6{border-width:0 3px 3px 0;margin:0}.__pf .pf-gs-icon-1,.__pf .pf-gs-icon-2{background-color:#919da9;color:#fff;padding:8px;margin:0;border-style:none}.__pf .pf-gs-icon-1{border-radius:0}.__pf .pf-gs-icon-2{border-radius:50%}.__pf .pf-gs-icon-3,.__pf .pf-gs-icon-4{background-color:#fff;color:#919da9;padding:8px;margin:0;border:1px solid #919da9}.__pf .pf-gs-icon-4{border-radius:50%}.__pf .pf-gs-icon-5,.__pf .pf-gs-icon-6{background-color:#f5f5f5;color:#919da9;padding:8px;margin:0;border:1px solid #919da9}.__pf .pf-gs-icon-6{border-radius:50%}.__pf .pf-gs-image-1{width:100%}.__pf .pf-gs-image-2{border:3px solid #919da9;width:100%}.__pf .pf-gs-image-3{border:3px solid #919da9;padding:10px;width:100%}.__pf .pf-gs-image-4,.__pf .pf-gs-image-5{border-radius:50%;width:100%}.__pf .pf-gs-image-5{border:3px solid #919da9}.__pf .pf-gs-image-6{border-radius:50%;border:3px solid #919da9;padding:10px;width:100%}.__pf .pf-gs-heading-1{margin:18px 0;font-size:32px;color:#000;padding:0}.__pf .pf-gs-heading-2{margin:18px 0;font-size:24px;color:#000;padding:0}.__pf .pf-gs-heading-3{margin:18px 0;font-size:20px;color:#000;padding:0}.__pf .pf-gs-heading-4{margin:18px 0;font-size:20px;color:#0260c8;padding:0;font-family:"Roboto Condensed";font-weight:700}.__pf .pf-gs-heading-5{margin:18px 0;font-size:16px;color:#000;padding:0}.__pf .pf-gs-heading-6{margin:18px 0;font-size:14px;color:#000;padding:0}.__pf .pf-gs-paragraph-1,.__pf .pf-gs-paragraph-2,.__pf .pf-gs-paragraph-3,.__pf .pf-gs-paragraph-4{padding:0;margin:16px 0;font-size:16px}.__pf .pf-gs-paragraph-1{color:#000;text-align:left}.__pf .pf-gs-paragraph-2{color:#000;text-align:right}.__pf .pf-gs-paragraph-3{color:#000;text-align:center}.__pf .pf-gs-paragraph-4{color:#666;font-family:var(--pf-secondary-font)}.__pf .pf-gs-divider-1,.__pf .pf-gs-divider-2,.__pf .pf-gs-divider-3{padding:16px 0;margin:0;font-size:2px}.__pf .pf-gs-divider-1{color:#919da9}.__pf .pf-gs-divider-2{color:#444749}.__pf .pf-gs-divider-3{color:#b9bfca}} .pf-color-scheme-1,.pf-color-scheme-2{--pf-scheme-shadow-color:rgb(0, 0, 0, 0.25)}.pf-color-scheme-1{--pf-scheme-bg-color: ;--pf-scheme-text-color: ;--pf-scheme-btn-bg-color: ;--pf-scheme-btn-text-color: ;--pf-scheme-border-color: ;background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-2,.pf-color-scheme-3{--pf-scheme-btn-text-color:rgb(255, 255, 255);background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-2{--pf-scheme-bg-color:rgba(255, 255, 255, 0);--pf-scheme-text-color:rgb(0, 0, 0);--pf-scheme-btn-bg-color:rgb(145, 157, 169);--pf-scheme-border-color:rgba(0, 0, 0)}.pf-color-scheme-3,.pf-color-scheme-4{--pf-scheme-text-color:rgb(18, 18, 18);--pf-scheme-btn-bg-color:rgb(18, 18, 18);--pf-scheme-border-color:rgb(18, 18, 18)}.pf-color-scheme-3{--pf-scheme-bg-color:rgb(255, 255, 255);--pf-scheme-shadow-color:rgb(18, 18, 18)}.pf-color-scheme-4{--pf-scheme-bg-color:rgb(243, 243, 243);--pf-scheme-btn-text-color:rgb(243, 243, 243);--pf-scheme-shadow-color:rgb(18, 18, 18);background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-5,.pf-color-scheme-6,.pf-color-scheme-7{--pf-scheme-text-color:rgb(255, 255, 255);--pf-scheme-btn-bg-color:rgb(255, 255, 255);--pf-scheme-border-color:rgb(255, 255, 255);--pf-scheme-shadow-color:rgb(18, 18, 18);background-color:var(--pf-scheme-bg-color);border-color:var(--pf-scheme-border-color);box-shadow:var(--pf-scheme-shadow-color);color:var(--pf-scheme-text-color)}.pf-color-scheme-5{--pf-scheme-bg-color:rgb(36, 40, 51);--pf-scheme-btn-text-color:rgb(0, 0, 0)}.pf-color-scheme-6{--pf-scheme-bg-color:rgb(18, 18, 18);--pf-scheme-btn-text-color:rgb(18, 18, 18)}.pf-color-scheme-7{--pf-scheme-bg-color:rgb(51, 79, 180);--pf-scheme-btn-text-color:rgb(51, 79, 180)}@media all{.__pf .pf-button-2,.__pf .pf-button-3,.__pf .pf-button-4{padding:12px 20px;margin:0;font-size:16px;line-height:16px;letter-spacing:0}.__pf .pf-button-2{background-color:#919da9;color:#fff}.__pf .pf-button-3{color:#919da9;border:1px solid #919da9}.__pf .pf-button-4{background-color:#919da9;color:#fff;border-radius:40px}.__pf .pf-button-5{color:#919da9;border-radius:40px;border:1px solid #919da9;padding:12px 20px;margin:0;font-size:16px;line-height:16px;letter-spacing:0}.__pf .pf-button-6,.__pf .pf-button-7{color:#919da9;border-style:solid;border-color:#919da9;margin:0;font-size:16px;line-height:16px;letter-spacing:0;padding:12px 20px}.__pf .pf-button-6{border-width:0 0 3px}.__pf .pf-button-7{border-width:0 3px 3px 0}.__pf .pf-button-8{background-color:#919da9;color:#fff;padding:12px 20px}.__pf .pf-icon-1,.__pf .pf-text-1,.__pf .pf-text-6,.__pf .pf-text-7,.pf-icon2-1,.pf-icon2-2,.pf-icon2-3,.pf-icon2-4,.pf-icon2-5,.pf-icon2-6,.pf-icon2-7{background-color:var(--pf-scheme-bg-color);color:var(--pf-scheme-text-color)}.__pf .pf-icon-2,.__pf .pf-icon-3{background-color:#919da9;color:#fff;padding:8px;margin:0;border-style:none}.__pf .pf-icon-2{border-radius:0}.__pf .pf-icon-3{border-radius:50%}.__pf .pf-icon-4,.__pf .pf-icon-5{background-color:#fff;color:#919da9;padding:8px;margin:0;border:1px solid #919da9}.__pf .pf-icon-5{border-radius:50%}.__pf .pf-icon-6,.__pf .pf-icon-7{background-color:#f5f5f5;color:#919da9;padding:8px;margin:0;border:1px solid #919da9}.__pf .pf-icon-7{border-radius:50%}.__pf .pf-text-2,.__pf .pf-text-3,.__pf .pf-text-4,.__pf .pf-text-5{padding:0;margin:16px 0;font-size:16px}.__pf .pf-text-2{color:#000;text-align:left}.__pf .pf-text-3{color:#000;text-align:right}.__pf .pf-text-4{color:#fff;text-align:center;font-family:"Replica 3 Bold changed4"}.__pf .pf-text-5{color:#666;font-family:Poppins}.__pf .pf-divider-2,.__pf .pf-divider-3,.__pf .pf-divider-4{padding:16px 0;margin:0;font-size:2px}.__pf .pf-divider-1{color:var(--pf-scheme-text-color)}.__pf .pf-divider-2{color:#919da9}.__pf .pf-divider-3{color:#444749}.__pf .pf-divider-4{color:#b9bfca}.__pf .pf-heading-1-h1,.__pf .pf-heading-1-h2,.__pf .pf-heading-1-h3,.__pf .pf-heading-1-h4,.__pf .pf-heading-1-h5,.__pf .pf-heading-1-h6{color:var(--pf-scheme-text-color);background-color:var(--pf-scheme-bg-color)}.__pf .pf-heading-2-h1,.__pf .pf-heading-2-h2,.__pf .pf-heading-2-h3,.__pf .pf-heading-2-h4,.__pf .pf-heading-2-h5,.__pf .pf-heading-2-h6{margin:18px 0;font-size:32px;color:#000;padding:0}.__pf .pf-heading-3-h1,.__pf .pf-heading-3-h2,.__pf .pf-heading-3-h3,.__pf .pf-heading-3-h4,.__pf .pf-heading-3-h5,.__pf .pf-heading-3-h6{margin:18px 0;font-size:24px;color:#000;padding:0}.__pf .pf-heading-4-h1,.__pf .pf-heading-4-h2,.__pf .pf-heading-4-h3,.__pf .pf-heading-4-h4,.__pf .pf-heading-4-h5,.__pf .pf-heading-4-h6{margin:18px 0;font-size:20px;color:#000;padding:0}.__pf .pf-heading-5-h1,.__pf .pf-heading-5-h2,.__pf .pf-heading-5-h3,.__pf .pf-heading-5-h4,.__pf .pf-heading-5-h5,.__pf .pf-heading-5-h6{margin:18px 0;font-size:20px;color:#0260c8;padding:0;font-family:"Roboto Condensed";font-weight:700}.__pf .pf-heading-6-h1,.__pf .pf-heading-6-h2,.__pf .pf-heading-6-h3,.__pf .pf-heading-6-h4,.__pf .pf-heading-6-h5,.__pf .pf-heading-6-h6{margin:18px 0;font-size:16px;color:#000;padding:0}.__pf .pf-heading-7-h1,.__pf .pf-heading-7-h2,.__pf .pf-heading-7-h3,.__pf .pf-heading-7-h4,.__pf .pf-heading-7-h5,.__pf .pf-heading-7-h6{margin:18px 0;font-size:14px;color:#000;padding:0}.__pf .pf-image-2{width:100%}.__pf .pf-image-3{border:3px solid #919da9;width:100%}.__pf .pf-image-4{border:3px solid #919da9;padding:10px;width:100%}.__pf .pf-image-5,.__pf .pf-image-6{border-radius:50%;width:100%}.__pf .pf-image-6{border:3px solid #919da9}.__pf .pf-image-7{border-radius:50%;border:3px solid #919da9;padding:10px;width:100%}} window.addEventListener('load', () => { // fallback for gtag when not initialized if(typeof window.gtag !== 'function') { window.gtag = (str1, str2, obj) => { } } }) .gUmbDa,.gjNMyZ,.iHhoXn,.iHhoXn .pf-video-wrapper,.iOKrMg{position:relative}.iHhoXn,.iluFjz,.jqupKE{max-width:100%}.iOKrMg .pf-slider{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:0px;transition:height 250ms ease-in-out;min-height:.01px}.iOKrMg .pf-slider:not(.-show-scroll-bar){scrollbar-width:none;-ms-overflow-style:none}.iOKrMg .pf-slider:not(.-show-scroll-bar)::-webkit-scrollbar{display:none}.iOKrMg .pf-slide{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;max-width:none;scroll-snap-align:start;padding:0;width:calc((100% - 0px)/ 1)}@media (min-width:767.5px){.iOKrMg .pf-slider{scroll-padding-left:0px}.iOKrMg .pf-slide{width:calc((100% - 0px)/ 1);padding:0}}@media (min-width:1024.5px){.iOKrMg .pf-slider{scroll-padding-left:0px}.iOKrMg .pf-slide{width:calc((100% - 0px)/ 1);padding:0}}@media (min-width:1199.5px){.iOKrMg .pf-slider{scroll-padding-left:0px}.iOKrMg .pf-slide{width:calc((100% - 0px)/ 1);padding:0}}.iOKrMg .pf-slider-next,.iOKrMg .pf-slider-prev{width:40px;height:40px;position:absolute;font-size:20px;top:calc(50% - 20px);border:none;cursor:pointer;transition:.35s;line-height:1}.iOKrMg .pf-slider-next:after,.iOKrMg .pf-slider-next:before,.iOKrMg .pf-slider-prev:after,.iOKrMg .pf-slider-prev:before{content:'';position:absolute;background:#fff}.iOKrMg .pf-slider-prev{left:20px;transform:rotate(180deg)}.iOKrMg .pf-slider-next{right:20px}.iOKrMg .nav-style-1{border-radius:50%;background:rgba(0,0,0,.4)}.iOKrMg .nav-style-1:hover,.iOKrMg .pagination-style-1 button.active,.iOKrMg .pagination-style-1 button:hover{background:#000}.iOKrMg .nav-style-1:after,.iOKrMg .nav-style-1:before{width:1px;height:8px}.iOKrMg .nav-style-1:before{transform:rotate(45deg);top:19px}.iOKrMg .nav-style-1:after{transform:rotate(-45deg);top:14px}.iOKrMg .pf-slider-nav{position:absolute;bottom:0;display:flex;justify-content:center;width:100%}.iOKrMg .pf-slider-nav button{border:none;margin:0 5px;cursor:pointer}.iOKrMg .pagination-style-1{bottom:0}.iOKrMg .pagination-style-1 button{width:20px;height:5px;background:rgba(0,0,0,.4)}.htdnki{--pf-sample-color:#5d6b82;--pf-border-color:#d1d5db}.cnEYUf{white-space:pre-line;user-select:text}.cnEYUf span{vertical-align:baseline!important}.laPXAE{word-break:break-word}.iHhoXn{overflow:hidden}.iHhoXn video{display:flex;height:auto;border-radius:inherit}.iluFjz{display:inline-block;height:auto}.gUmbDa:empty{display:initial}.gjNMyZ{padding:20px 0}.jqupKE{width:100%}.jqupKE .embed-container,.jqupKE .fluid-width-video-wrapper,.jqupKE .lazyframe,.jqupKE .lazyframe:before,.jqupKE .mediaWrapper,.jqupKE .video-wrapper{position:initial!important;padding:0}.cVlURn{width:100%;height:100%}@media all{.__pf.__pf_cZ8Ekb5P .pf-6_{padding-bottom:0;background-color:#111213}.__pf.__pf_cZ8Ekb5P .pf-109_,.__pf.__pf_cZ8Ekb5P .pf-117_,.__pf.__pf_cZ8Ekb5P .pf-13_,.__pf.__pf_cZ8Ekb5P .pf-142_,.__pf.__pf_cZ8Ekb5P .pf-146_,.__pf.__pf_cZ8Ekb5P .pf-175_,.__pf.__pf_cZ8Ekb5P .pf-182_,.__pf.__pf_cZ8Ekb5P .pf-197_,.__pf.__pf_cZ8Ekb5P .pf-213_,.__pf.__pf_cZ8Ekb5P .pf-217_,.__pf.__pf_cZ8Ekb5P .pf-239_,.__pf.__pf_cZ8Ekb5P .pf-30_,.__pf.__pf_cZ8Ekb5P .pf-60_,.__pf.__pf_cZ8Ekb5P .pf-70_,.__pf.__pf_cZ8Ekb5P .pf-7_,.__pf.__pf_cZ8Ekb5P .pf-96_{background-color:#000}.__pf.__pf_cZ8Ekb5P .pf-111_,.__pf.__pf_cZ8Ekb5P .pf-128_,.__pf.__pf_cZ8Ekb5P .pf-132_,.__pf.__pf_cZ8Ekb5P .pf-136_,.__pf.__pf_cZ8Ekb5P .pf-140_,.__pf.__pf_cZ8Ekb5P .pf-144_,.__pf.__pf_cZ8Ekb5P .pf-15_,.__pf.__pf_cZ8Ekb5P .pf-160_,.__pf.__pf_cZ8Ekb5P .pf-178_,.__pf.__pf_cZ8Ekb5P .pf-179_,.__pf.__pf_cZ8Ekb5P .pf-185_,.__pf.__pf_cZ8Ekb5P .pf-191_,.__pf.__pf_cZ8Ekb5P .pf-196_,.__pf.__pf_cZ8Ekb5P .pf-200_,.__pf.__pf_cZ8Ekb5P .pf-201_,.__pf.__pf_cZ8Ekb5P .pf-203_,.__pf.__pf_cZ8Ekb5P .pf-207_,.__pf.__pf_cZ8Ekb5P .pf-211_,.__pf.__pf_cZ8Ekb5P .pf-212_,.__pf.__pf_cZ8Ekb5P .pf-220_,.__pf.__pf_cZ8Ekb5P .pf-221_,.__pf.__pf_cZ8Ekb5P .pf-226_,.__pf.__pf_cZ8Ekb5P .pf-230_,.__pf.__pf_cZ8Ekb5P .pf-234_,.__pf.__pf_cZ8Ekb5P .pf-238_,.__pf.__pf_cZ8Ekb5P .pf-242_,.__pf.__pf_cZ8Ekb5P .pf-243_,.__pf.__pf_cZ8Ekb5P .pf-32_,.__pf.__pf_cZ8Ekb5P .pf-49_,.__pf.__pf_cZ8Ekb5P .pf-62_,.__pf.__pf_cZ8Ekb5P .pf-72_,.__pf.__pf_cZ8Ekb5P .pf-85_,.__pf.__pf_cZ8Ekb5P .pf-86_,.__pf.__pf_cZ8Ekb5P .pf-87_,.__pf.__pf_cZ8Ekb5P .pf-88_,.__pf.__pf_cZ8Ekb5P .pf-89_,.__pf.__pf_cZ8Ekb5P .pf-90_,.__pf.__pf_cZ8Ekb5P .pf-91_,.__pf.__pf_cZ8Ekb5P .pf-92_,.__pf.__pf_cZ8Ekb5P .pf-93_,.__pf.__pf_cZ8Ekb5P .pf-94_,.__pf.__pf_cZ8Ekb5P .pf-98_,.__pf.__pf_cZ8Ekb5P .pf-9_{width:100%;height:auto;aspect-ratio:unset}.__pf.__pf_cZ8Ekb5P .pf-10_{position:absolute;top:80%;left:12%;color:#fff;padding:0;border-radius:10px;font-family:Poppins;font-weight:400;margin-top:0;margin-bottom:0;text-align:left;font-size:1.5em}.__pf.__pf_cZ8Ekb5P .pf-108_,.__pf.__pf_cZ8Ekb5P .pf-116_,.__pf.__pf_cZ8Ekb5P .pf-12_,.__pf.__pf_cZ8Ekb5P .pf-141_,.__pf.__pf_cZ8Ekb5P .pf-145_,.__pf.__pf_cZ8Ekb5P .pf-161_,.__pf.__pf_cZ8Ekb5P .pf-29_,.__pf.__pf_cZ8Ekb5P .pf-59_,.__pf.__pf_cZ8Ekb5P .pf-69_,.__pf.__pf_cZ8Ekb5P .pf-95_{font-family:Poppins;font-weight:400;padding-bottom:0;padding-top:0}.__pf.__pf_cZ8Ekb5P .pf-112_,.__pf.__pf_cZ8Ekb5P .pf-16_,.__pf.__pf_cZ8Ekb5P .pf-63_{position:absolute;top:25%;left:11.5%;color:#fff;font-size:2em;padding:0;border-radius:10px;font-family:Poppins;font-weight:700;margin-top:0;margin-bottom:0;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-18_,.__pf.__pf_cZ8Ekb5P .pf-23_{position:absolute;top:35%;color:#fff;padding:0;border-radius:10px;font-family:Poppins;margin-top:0;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-18_{left:11.5%;font-size:1em;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-20_,.__pf.__pf_cZ8Ekb5P .pf-37_,.__pf.__pf_cZ8Ekb5P .pf-50_,.__pf.__pf_cZ8Ekb5P .pf-99_{font-family:Poppins;font-weight:400;padding-bottom:0;padding-top:0;background-color:#000}.__pf.__pf_cZ8Ekb5P .pf-21_{background-color:#000;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-101_,.__pf.__pf_cZ8Ekb5P .pf-22_,.__pf.__pf_cZ8Ekb5P .pf-39_,.__pf.__pf_cZ8Ekb5P .pf-52_{padding-right:0}.__pf.__pf_cZ8Ekb5P .pf-23_{left:23%;font-size:2em;width:500px;margin-left:10px;margin-right:10px;font-weight:700}.__pf.__pf_cZ8Ekb5P .pf-25_{position:relative;top:50%;left:23%;color:#fff;font-size:1em;padding:0;width:600px;border-radius:10px;font-family:Poppins;margin-top:0;margin-left:10px;margin-right:10px;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-33_,.__pf.__pf_cZ8Ekb5P .pf-35_,.__pf.__pf_cZ8Ekb5P .pf-73_,.__pf.__pf_cZ8Ekb5P .pf-75_{position:absolute;left:11.5%;margin-bottom:0;color:#fff;padding:0;border-radius:10px;font-family:Poppins;margin-top:0;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-27_,.__pf.__pf_cZ8Ekb5P .pf-44_,.__pf.__pf_cZ8Ekb5P .pf-57_{margin-right:20%}.__pf.__pf_cZ8Ekb5P .pf-188_,.__pf.__pf_cZ8Ekb5P .pf-28_{width:100%;height:auto}.__pf.__pf_cZ8Ekb5P .pf-33_,.__pf.__pf_cZ8Ekb5P .pf-73_{top:35%;font-size:2em;font-weight:700}.__pf.__pf_cZ8Ekb5P .pf-35_,.__pf.__pf_cZ8Ekb5P .pf-75_{top:50%;font-size:1em}.__pf.__pf_cZ8Ekb5P .pf-100_,.__pf.__pf_cZ8Ekb5P .pf-38_,.__pf.__pf_cZ8Ekb5P .pf-51_{background-color:#000;margin-bottom:0;padding-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-102_,.__pf.__pf_cZ8Ekb5P .pf-119_,.__pf.__pf_cZ8Ekb5P .pf-40_,.__pf.__pf_cZ8Ekb5P .pf-53_,.__pf.__pf_cZ8Ekb5P .pf-80_{position:relative;top:35%;left:23%;color:#fff;font-size:2em;padding:0;width:500px;border-radius:10px;font-family:Poppins;margin-top:0;margin-left:10px;margin-right:10px;font-weight:700;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-121_,.__pf.__pf_cZ8Ekb5P .pf-42_,.__pf.__pf_cZ8Ekb5P .pf-55_,.__pf.__pf_cZ8Ekb5P .pf-82_{position:relative;top:35%;left:23%;color:#fff;font-size:1em;padding:0;width:37vw;border-radius:10px;font-family:Poppins;margin-top:0;margin-left:10px;margin-right:10px;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-65_,.__pf.__pf_cZ8Ekb5P .pf-67_{position:absolute;left:11.5%;color:#fff;font-size:1em;padding:0;border-radius:10px;font-family:Poppins;margin-top:0;text-align:left;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-45_,.__pf.__pf_cZ8Ekb5P .pf-58_{width:100%;opacity:1;height:auto}.__pf.__pf_cZ8Ekb5P .pf-193_,.__pf.__pf_cZ8Ekb5P .pf-46_{padding-top:0;padding-bottom:0;background-color:#000}.__pf.__pf_cZ8Ekb5P .pf-65_{top:40%}.__pf.__pf_cZ8Ekb5P .pf-67_{top:80%}.__pf.__pf_cZ8Ekb5P .pf-77_{padding-bottom:0;margin-bottom:0;color:#000;background-color:#000;position:relative;padding-top:0}.__pf.__pf_cZ8Ekb5P .pf-78_{background-color:#000;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0}.__pf.__pf_cZ8Ekb5P .pf-84_{margin-right:10%;margin-left:10%}.__pf.__pf_cZ8Ekb5P .pf-104_{position:relative;top:35%;left:23%;color:#fff;font-size:1em;padding:0;width:500px;border-radius:10px;font-family:Poppins;margin-top:0;margin-left:10px;margin-right:10px;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-107_,.__pf.__pf_cZ8Ekb5P .pf-192_,.__pf.__pf_cZ8Ekb5P .pf-202_,.__pf.__pf_cZ8Ekb5P .pf-216_{width:100%}.__pf.__pf_cZ8Ekb5P .pf-114_{position:absolute;top:55%;left:11.5%;color:#fff;font-size:1em;padding:0;border-radius:10px;font-family:Poppins;margin-top:0;margin-bottom:0;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-148_{position:absolute;top:30%;left:11.5%;color:#fff;font-size:2em;padding:0;border-radius:10px;font-family:Poppins;font-weight:700;margin-top:0;margin-bottom:0;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-150_,.__pf.__pf_cZ8Ekb5P .pf-152_,.__pf.__pf_cZ8Ekb5P .pf-154_,.__pf.__pf_cZ8Ekb5P .pf-156_,.__pf.__pf_cZ8Ekb5P .pf-158_{position:absolute;left:15%;color:#fff;font-size:1em;padding:0;border-radius:10px;font-family:Poppins;margin-top:0;text-align:left}.__pf.__pf_cZ8Ekb5P .pf-150_{top:48%;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-152_{top:56%;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-154_{top:64%;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-156_{top:72.2%;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-158_{top:80%;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-164_,.__pf.__pf_cZ8Ekb5P .pf-167_,.__pf.__pf_cZ8Ekb5P .pf-170_,.__pf.__pf_cZ8Ekb5P .pf-173_{color:#fff;padding:0;border-radius:10px;font-family:Poppins;margin-top:10%;margin-left:20%;font-size:1em;margin-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-162_{background-color:#000;padding-bottom:0;margin-bottom:0;padding-top:0}.__pf.__pf_cZ8Ekb5P .pf-163_{padding-top:0}.__pf.__pf_cZ8Ekb5P .pf-164_,.__pf.__pf_cZ8Ekb5P .pf-170_{text-align:right;font-weight:700}.__pf.__pf_cZ8Ekb5P .pf-167_,.__pf.__pf_cZ8Ekb5P .pf-173_{text-align:left}.__pf.__pf_cZ8Ekb5P .pf-205_,.__pf.__pf_cZ8Ekb5P .pf-245_{margin-left:0;margin-right:0}.__pf.__pf_cZ8Ekb5P .pf-169_{padding-left:0}.__pf.__pf_cZ8Ekb5P .pf-180_{font-size:1em}.__pf.__pf_cZ8Ekb5P .pf-204_{padding-top:56px;padding-bottom:83px;margin-bottom:0;background-color:#000;margin-top:0}.__pf.__pf_cZ8Ekb5P .pf-206_{margin-top:0;padding-bottom:0;padding-top:0}.__pf.__pf_cZ8Ekb5P .pf-208_{background-color:#000;margin-top:0}.__pf.__pf_cZ8Ekb5P .pf-244_{padding-bottom:0;background-color:#111213;padding-top:0}.__pf.__pf_cZ8Ekb5P .pf-245_{background-color:#000}.__pf.__pf_cZ8Ekb5P .pf-128_>img,.__pf.__pf_cZ8Ekb5P .pf-132_>img,.__pf.__pf_cZ8Ekb5P .pf-136_>img,.__pf.__pf_cZ8Ekb5P .pf-140_>img,.__pf.__pf_cZ8Ekb5P .pf-226_>img,.__pf.__pf_cZ8Ekb5P .pf-230_>img,.__pf.__pf_cZ8Ekb5P .pf-234_>img,.__pf.__pf_cZ8Ekb5P .pf-238_>img{height:auto}}@media (min-width:1024.5px) and (max-width:1199.4999px){.__pf.__pf_cZ8Ekb5P .pf-128_>img,.__pf.__pf_cZ8Ekb5P .pf-132_>img,.__pf.__pf_cZ8Ekb5P .pf-136_>img,.__pf.__pf_cZ8Ekb5P .pf-140_>img,.__pf.__pf_cZ8Ekb5P .pf-226_>img,.__pf.__pf_cZ8Ekb5P .pf-230_>img,.__pf.__pf_cZ8Ekb5P .pf-234_>img,.__pf.__pf_cZ8Ekb5P .pf-238_>img{height:auto}.__pf.__pf_cZ8Ekb5P .pf-107_,.__pf.__pf_cZ8Ekb5P .pf-188_,.__pf.__pf_cZ8Ekb5P .pf-192_,.__pf.__pf_cZ8Ekb5P .pf-202_,.__pf.__pf_cZ8Ekb5P .pf-216_,.__pf.__pf_cZ8Ekb5P .pf-226_,.__pf.__pf_cZ8Ekb5P .pf-230_,.__pf.__pf_cZ8Ekb5P .pf-234_,.__pf.__pf_cZ8Ekb5P .pf-238_,.__pf.__pf_cZ8Ekb5P .pf-28_,.__pf.__pf_cZ8Ekb5P .pf-45_,.__pf.__pf_cZ8Ekb5P .pf-58_{width:100%}.__pf.__pf_cZ8Ekb5P .pf-128_,.__pf.__pf_cZ8Ekb5P .pf-132_,.__pf.__pf_cZ8Ekb5P .pf-136_,.__pf.__pf_cZ8Ekb5P .pf-140_{width:100%;height:auto}}@media (min-width:767.5px) and (max-width:1024.4999px){.__pf.__pf_cZ8Ekb5P .pf-128_>img,.__pf.__pf_cZ8Ekb5P .pf-132_>img,.__pf.__pf_cZ8Ekb5P .pf-136_>img,.__pf.__pf_cZ8Ekb5P .pf-140_>img,.__pf.__pf_cZ8Ekb5P .pf-226_>img,.__pf.__pf_cZ8Ekb5P .pf-230_>img,.__pf.__pf_cZ8Ekb5P .pf-234_>img,.__pf.__pf_cZ8Ekb5P .pf-238_>img{height:auto}.__pf.__pf_cZ8Ekb5P .pf-107_,.__pf.__pf_cZ8Ekb5P .pf-188_,.__pf.__pf_cZ8Ekb5P .pf-192_,.__pf.__pf_cZ8Ekb5P .pf-202_,.__pf.__pf_cZ8Ekb5P .pf-216_,.__pf.__pf_cZ8Ekb5P .pf-226_,.__pf.__pf_cZ8Ekb5P .pf-230_,.__pf.__pf_cZ8Ekb5P .pf-234_,.__pf.__pf_cZ8Ekb5P .pf-238_,.__pf.__pf_cZ8Ekb5P .pf-28_,.__pf.__pf_cZ8Ekb5P .pf-45_,.__pf.__pf_cZ8Ekb5P .pf-58_{width:100%}.__pf.__pf_cZ8Ekb5P .pf-128_,.__pf.__pf_cZ8Ekb5P .pf-132_,.__pf.__pf_cZ8Ekb5P .pf-136_,.__pf.__pf_cZ8Ekb5P .pf-140_{width:100%;height:auto}}@media (max-width:767.4999px){.__pf.__pf_cZ8Ekb5P .pf-128_>img,.__pf.__pf_cZ8Ekb5P .pf-132_>img,.__pf.__pf_cZ8Ekb5P .pf-136_>img,.__pf.__pf_cZ8Ekb5P .pf-140_>img,.__pf.__pf_cZ8Ekb5P .pf-226_>img,.__pf.__pf_cZ8Ekb5P .pf-230_>img,.__pf.__pf_cZ8Ekb5P .pf-234_>img,.__pf.__pf_cZ8Ekb5P .pf-238_>img{height:auto}.__pf.__pf_cZ8Ekb5P .pf-107_,.__pf.__pf_cZ8Ekb5P .pf-128_,.__pf.__pf_cZ8Ekb5P .pf-132_,.__pf.__pf_cZ8Ekb5P .pf-136_,.__pf.__pf_cZ8Ekb5P .pf-140_,.__pf.__pf_cZ8Ekb5P .pf-188_,.__pf.__pf_cZ8Ekb5P .pf-192_,.__pf.__pf_cZ8Ekb5P .pf-202_,.__pf.__pf_cZ8Ekb5P .pf-216_,.__pf.__pf_cZ8Ekb5P .pf-226_,.__pf.__pf_cZ8Ekb5P .pf-230_,.__pf.__pf_cZ8Ekb5P .pf-234_,.__pf.__pf_cZ8Ekb5P .pf-238_,.__pf.__pf_cZ8Ekb5P .pf-28_,.__pf.__pf_cZ8Ekb5P .pf-45_,.__pf.__pf_cZ8Ekb5P .pf-58_{width:100%}.__pf.__pf_cZ8Ekb5P .pf-178_,.__pf.__pf_cZ8Ekb5P .pf-179_,.__pf.__pf_cZ8Ekb5P .pf-185_,.__pf.__pf_cZ8Ekb5P .pf-191_,.__pf.__pf_cZ8Ekb5P .pf-200_,.__pf.__pf_cZ8Ekb5P .pf-201_,.__pf.__pf_cZ8Ekb5P .pf-203_,.__pf.__pf_cZ8Ekb5P .pf-211_,.__pf.__pf_cZ8Ekb5P .pf-212_,.__pf.__pf_cZ8Ekb5P .pf-220_,.__pf.__pf_cZ8Ekb5P .pf-221_,.__pf.__pf_cZ8Ekb5P .pf-242_,.__pf.__pf_cZ8Ekb5P .pf-243_{border-style:none;display:table;margin-right:auto;margin-left:auto;height:auto;aspect-ratio:unset;object-fit:cover;object-position:center center;width:100%}.__pf.__pf_cZ8Ekb5P .pf-180_{font-family:Poppins;font-weight:400;font-size:.9em}.__pf.__pf_cZ8Ekb5P .pf-176_,.__pf.__pf_cZ8Ekb5P .pf-198_,.__pf.__pf_cZ8Ekb5P .pf-209_,.__pf.__pf_cZ8Ekb5P .pf-218_,.__pf.__pf_cZ8Ekb5P .pf-240_{margin-left:-30px;margin-right:-30px;margin-bottom:0;padding-bottom:0;background-color:#000}.__pf.__pf_cZ8Ekb5P .pf-175_,.__pf.__pf_cZ8Ekb5P .pf-197_,.__pf.__pf_cZ8Ekb5P .pf-208_,.__pf.__pf_cZ8Ekb5P .pf-217_,.__pf.__pf_cZ8Ekb5P .pf-239_{margin-bottom:0;padding-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-183_,.__pf.__pf_cZ8Ekb5P .pf-186_,.__pf.__pf_cZ8Ekb5P .pf-189_{margin-left:-30px;margin-right:-30px;margin-bottom:0;padding-bottom:0}.__pf.__pf_cZ8Ekb5P .pf-182_{margin-bottom:0;padding-bottom:0;background-color:#000}.__pf.__pf_cZ8Ekb5P .pf-193_{margin-left:-30px;margin-right:-30px}.__pf.__pf_cZ8Ekb5P .pf-204_{padding-top:0;background-color:#010101;padding-bottom:0}} .mg-p-left { position: absolute; top: 60%; left: 30%; transform: translate(-50%, -50%); color: white; font-size: 1em; padding: 10px; border-radius: 10px; font-family: "Poppins"; font-weight: 400; } .mg-p-center { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 1em; padding: 10px; border-radius: 10px; font-family: "Poppins"; font-weight: 400; } #mg-scroll-images { height: 50vh; } #mg-scroll-images img { position: absolute; top: 25%; } .mg-front-back { overflow: hidden; height: 0; } #pc-mg-scroll-images { min-height: 50vh; } #pc-mg-scroll-images img { position: absolute; top: 40%; } .pinned-element { min-height: 100vh; position: relative; /* 添加相对定位 */ } .pc-mg-front-back { overflow: hidden; } .pc-mg-front-back img { bottom: hidden; } .mg-html .pf-c { padding: 0 !important; } .pc-mg-front-back .pf-c { padding: 0 !important; } Elevate your gaming experience with our cutting-edge Magnetic Switch Gaming Keyboard! Designed for gamers, by gamers – Stay ahead of the Game Magnetic Switch Keyboard Get faster, more precise, and more professional gaming performance Adjustable Actuation Point Adjustable key travel range 0.l~4mm. Customize your experience - Let the keyboard adapt to your preferences 0.01mm Accuracy Key presses and release are detected with a precisioh of 0.01mm (With Magnetic Jade & TTC KOM Switch).Easily outperforming high-refresh rate mechanical keyboards Rapid Trigger Savor the sensation of effortlessly repeating key pressesmid-motion, without having to surpass a fixed reset or actuation point. Embrace uninterrupted speed and precision. Dynamic keystroke Elevate your gaming experience with customizable keys,effortlessly executing multiple actions with a single press.Tailor your gameplay like never before. In-house Solution MelGeek in-house solution ensures unrivaled stability andprecision for your every keystroke Self-developed firmware and driver software Tray Mount Elevate your gaming and typing experience with the innovative tray mount structure Tray Mount Elevate your gaming and typing experience with the innovative tray mount structure Magnetic switch Keyboard Get faster, more precise, and more professional gaming performance MelGeek Hive in-house solution User-friendly MelGeek Hive software forPersonalized settings, with all faeatures accessible Directly fromthe keyboard MelGeek Hive in-house solution User-friendly MelGeek Hive software for personalized settings, with all faeatures accessible directly from the keyboard What's in the box CYBER01 Magnetic Switch Keyboard Cable Peripheral Stickers Instruction Manual, Warranty Card Keycap Puller Number of Keys： Layout： Hot-Swappable: Switch Type: Keycap Material: Rapid Trigger: Adjustable Actuation: Points Sensitivity: 83(New-TKL layout) ANSI(US) Yes Magnetic WhitePC Yes 0.1-4.0 mm 0.01 mm(With Magnetic Jade / TTC KOM Switch) Dynamic Keystrokes Compatible System Mode N-key Rollover Support: Polling Rate Backlight Backlight Types Dimension Weight  4-in-1 action keys Mac/Windows/Linux Wired Yes1000Hz RGB Breathing/Flash etc 370*166mm （14.57*6.54 inch） 1200g(2.65lbs) Elevate your gaming experience with our cutting-edge Magnetic Switch Gaming Keyboard! Designed for gamers, by gamers – Stay ahead of the competition with lightning-fast keystrokes. !function(){ window.__pagefly_page_setting__ = {"pageTitle":"Cyber01 new description","pageType":"page","pageId":"d487873f-a750-4179-be89-206eaf2a76be","lazyLoad":false,"forceByPassGoogleLightHouse":false,"imageLazyLoad":false,"nativeImageLazyLoad":true,"useThemeJQ":false,"trackingIDs":[]}; window.__pagefly_setting__&&(window.__pagefly_setting2__=window.__pagefly_setting__),window.__pagefly_setting__={"baseURL":"https://apps.pagefly.io","analyticsURL":"https://analytics.pagefly.io","isBackend":false,"cdnURL":"https://cdn.pagefly.io","pageflyVersion":"4.15.13","shopDomain":"0-01studios.myshopify.com","elementData":{"pf-124_":{"autoPlay":false,"autoPlayDelay":3000,"loop":false,"slidesToShow":{"all":1,"laptop":1,"tablet":1,"mobile":1},"slidesToScroll":{"all":1,"laptop":1,"tablet":1,"mobile":1},"displayPartialItems":{"all":false,"laptop":false,"tablet":false,"mobile":false},"gutter":{"all":0,"laptop":0,"tablet":0,"mobile":0},"maxHeight":true,"pauseOnHover":false,"navStyle":"nav-style-1","paginationStyle":"pagination-style-1","id":"4bc2a795-ca79-4a63-9d8b-8032bb1c0581","_type":"Slideshow"},"pf-222_":{"autoPlay":false,"autoPlayDelay":3000,"loop":false,"slidesToShow":{"all":1,"laptop":1,"tablet":1,"mobile":1},"slidesToScroll":{"all":1,"laptop":1,"tablet":1,"mobile":1},"displayPartialItems":{"all":false,"laptop":false,"tablet":false,"mobile":false},"gutter":{"all":0,"laptop":0,"tablet":0,"mobile":0},"maxHeight":true,"pauseOnHover":false,"navStyle":"nav-style-1","paginationStyle":"pagination-style-1","id":"05f15d2c-3306-4d3f-80fe-bb9c046a608e","_type":"Slideshow"}},"shopifyProxyPath":"/a/pf_preview"},window.__pagefly_setting2__&&(window.__pagefly_setting__=function _(d,b){let c={...d||{}};for(let a of Object.keys(b))b[a]instanceof Object&&(Array.isArray(b[a])&&c[a]?Object.assign(b[a],[...b[a],...c[a]]):Object.assign(b[a],_(c[a],b[a])));return Object.assign(c||{},b),c}(__pagefly_setting2__,__pagefly_setting__),delete window.__pagefly_setting2__),window.__pagefly_setting__.moneyFormat="${{amount}}"}(); function pCscrollImgaes() { let parent_e = document.querySelector("#pc-mg-scroll-images"); if (!parent_e) { return } let images = document.querySelectorAll( "#pc-mg-scroll-images img" ); if (!images.length) { return; } let scroll_container = document.querySelector(".scroll-container") if (!scroll_container) { return; } let first_image = images[0] let zIndexes = Array.from(images).map((image, index) => images.length - index); images.forEach((image, index) => { image.style.zIndex = zIndexes[index]; if (index > 0) { image.style.opacity = 0; } }); let image_count = images.length let max_height = scroll_container.offsetHeight * 0.9; let step_height = max_height / image_count; //gsap.set(parent_e, {height: min_height}); let tl = gsap.timeline({ scrollTrigger: { trigger: scroll_container, start: "50% 60%", // 动态计算结束点，确保滚动结束时最后一张图片刚好播放完成 end: () => `+=${max_height - step_height * 3}`, scrub: true, snap: 0.5, pin: true, //anticipatePin: 1, //markers: true, }, }); images = gsap.utils.toArray(images); tl.to(first_image, { opacity: 1, duration: 0 }); tl.to(first_image, { opacity: 0, duration: 0.001 }); tl.to(images.slice(1), { opacity: 1, duration: 0.001 }); tl.to(images, { y: (i) => step_height * (images.length - i - 1) * -1, duration: 1, }); } function pCmgAnimateHeight() { let element = document.querySelector(".pc-mg-front-back"); if (!element) { return } let img = document.querySelector(".pc-mg-front-back img") //gsap.set(element, {height: "auto"}); let params = { trigger: element, start: "center 90%", end: "+=50%", scrub: true, } let tl = gsap.timeline({ scrollTrigger: params, }); //tl.fromTo(element, {height: 0}, {height: "auto", duration:3,stagger: 0.2}); tl.fromTo(".pc-mg-front-back > div", { y: -img.offsetHeight, }, { y: 0, duration: 2 }); // tl.from(".pc-mg-front-back > div", {y: -img.offsetHeight,}); } function scrollImgaes() { let images = document.querySelectorAll( "#mg-scroll-images img" ); if (!images.length) { return; } if (!document.querySelector("#mg-scroll-images")) { return } let scroll_container = document.querySelector(".scroll-main"); // let element_2 = document.querySelector//(".mg-front-back"); // if (element_2) { // gsap.set(element_2, { height: "auto" }); // } let first_image = images[0] let image_count = images.length let max_height = scroll_container.offsetHeight * 0.9; let step_height = max_height / image_count; let zIndexes = Array.from(images).map((image, index) => images.length - index); images.forEach((image, index) => { image.style.zIndex = zIndexes[index]; }); let tl = gsap.timeline({ scrollTrigger: { trigger: scroll_container, start: "50% 80%", // 动态计算结束点，确保滚动结束时最后一张图片刚好播放完成 end: () => `+=${max_height - step_height * 3}`, scrub: true, snap: 0.5, pin: true, //anticipatePin: 1, //markers: true, }, }); images = gsap.utils.toArray(images); tl.to(first_image, { opacity: 1, duration: 0 }); tl.to(first_image, { opacity: 0, duration: 0.001 }); tl.to(images.slice(1), { opacity: 1, duration: 0.001 }); tl.to(images, { y: (i) => step_height * (images.length - i - 1) * -1, duration: 1, }); } function mgAnimateHeight() { let element = document.querySelector(".mg-front-back"); if (!element) { return } gsap.set(element, { height: "auto" }); let tl = gsap.timeline({ scrollTrigger: { trigger: element, start: "top bottom", //end: "bottom 25%", scrub: true, }, }); tl.fromTo(element, { height: 0 }, { height: "auto", ease: Power2.easeInOut }); } window.onload = function () { let element = document.querySelector('.shopify-section-group-footer-group'); if (element) { element.style.display = 'none'; } }; function isMobileDeviceByWidth() { // 获取视口宽度 const viewportWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; // 定义移动设备的最大宽度阈值，这个值可以根据需要调整 const maxWidthForMobile = 768; // 常用的屏幕宽度断点 return viewportWidth