.switch-comparison{background-color:#000;text-align:center;color:#fff}.switch-comparison__header{font-weight:900;padding:2em 15px 1em;margin:0}@media(min-width: 992px){.switch-comparison__header{padding:2em 3em 1em}}.switch-comparison__footer{padding:3em 4em 5em;margin:0}.switch-comparison__chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Replica Pro";text-align:left;margin:0 1em}@media(min-width: 768px){.switch-comparison__chart{margin:0 0 0 3em}}@media(min-width: 1600px){.switch-comparison__chart{margin:0 0 0 6em}}.switch-comparison__chart-row{display:inline-block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;border-bottom:1px solid #383838;padding:10px 0}.switch-comparison__chart-row:last-of-type{border-bottom:0}.switch-comparison__chart-row:last-of-type .switch-feature{padding-bottom:0;min-height:inherit}@media(min-width: 768px){.switch-comparison__chart-row:last-of-type .switch-feature{min-height:100px}}@media(min-width: 768px){.switch-comparison__chart-row{border-bottom:0;padding:0}}@media(min-width: 1200px){.switch-comparison__chart-row{width:80%}}.chart-row--titles{display:none}@media(min-width: 768px){.chart-row--titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.chart-row--titles .switch-feature__title{border:0;-ms-flex-preferred-size:25%;flex-basis:25%;text-transform:uppercase;min-height:unset;padding:1.5em}.chart-row--titles .switch-feature__title:first-of-type{padding-right:0}.switch-feature{display:inline-block;width:100%;padding:.5em}.switch-feature:last-of-type{border:0}@media(min-width: 768px){.switch-feature{width:25%;border-right:2px solid #383838;padding:1em 1.5em;vertical-align:top;min-height:130px}}.switch-feature--response-style{padding-bottom:0}@media(min-width: 768px){.switch-feature--response-style{padding-bottom:1em}}.switch-feature--actuation .switch-feature__content,.switch-feature--response-time .switch-feature__content{margin-top:4px}@media(min-width: 768px){.switch-feature--actuation,.switch-feature--response-time{padding-top:1.5em !important}}.switch-feature__content{display:none;font-family:"Replica Pro";font-size:2.4rem}.switch-feature__content small{display:block;font-size:50%;margin-top:-5px}@media(min-width: 768px){.switch-feature__content{display:block}}@media(min-width: 992px){.switch-feature__content{font-size:2rem}}.switch-feature__content--mobile{display:inline-block;font-family:"Replica Pro";font-size:1.8rem}@media(min-width: 768px){.switch-feature__content--mobile{display:none}}.switch-feature__bar{position:relative;height:10px;width:100%;background-color:#383838;padding:0 !important;margin:0}@media(min-width: 768px){.switch-feature__bar{min-height:unset !important}}.switch-image{padding-left:0 !important}.switch-image span{float:left}.switch-image img{max-width:80px;width:85%}@media(min-width: 768px){.switch-image{width:25%}}.switch-name{display:inline-block;max-width:70%;font-size:2.8rem;padding-left:1em;vertical-align:top}@media(min-width: 768px){.switch-name{font-size:2rem;max-width:50%;vertical-align:middle}}@media(min-width: 992px){.switch-name{max-width:59%}}.bar-filler{position:absolute;height:inherit;width:0%;background-color:#94989e}.bar-filler--omni{background-color:#fc4e03 !important}.bar-tick{position:absolute;z-index:10;height:inherit;width:2px;background-color:#000}.response-time-bar .bar-tick--response-time:nth-child(2){left:16.666%}.response-time-bar .bar-tick--response-time:nth-child(3){left:33.332%}.response-time-bar .bar-tick--response-time:nth-child(4){left:49.998%}.response-time-bar .bar-tick--response-time:nth-child(5){left:66.664%}.response-time-bar .bar-tick--response-time:nth-child(6){left:83.333%}.omni-actuation--speed .bar-tick--actuation,.cherry-actuation .bar-tick--actuation,.std-mech-actuation .bar-tick--actuation{left:50%}.qx2-red .bar-tick--actuation,.qx2-blue .bar-tick--actuation,.qx2-brown .bar-tick--actuation,.omni-actuation--feel .bar-tick--actuation{left:50%}@-webkit-keyframes switch-comparison-fill-omniTime{from{width:0%}to{width:12%}}@keyframes switch-comparison-fill-omniTime{from{width:0%}to{width:12%}}@-webkit-keyframes switch-comparison-fill-cherryTime{from{width:0%}to{width:100%}}@keyframes switch-comparison-fill-cherryTime{from{width:0%}to{width:100%}}@-webkit-keyframes switch-comparison-fill-stdMechTime{from{width:0%}to{width:100%}}@keyframes switch-comparison-fill-stdMechTime{from{width:0%}to{width:100%}}@-webkit-keyframes switch-comparison-fill-omniSpeed{from{width:0%}to{width:20%}}@keyframes switch-comparison-fill-omniSpeed{from{width:0%}to{width:20%}}@-webkit-keyframes switch-comparison-fill-cherrySpeed{from{width:0%}to{width:55%}}@keyframes switch-comparison-fill-cherrySpeed{from{width:0%}to{width:55%}}@-webkit-keyframes switch-comparison-fill-stdMechSpeed{from{width:0%}to{width:100%}}@keyframes switch-comparison-fill-stdMechSpeed{from{width:0%}to{width:100%}}@-webkit-keyframes switch-comparison-fill-redFeel{from{width:0%}to{width:100%}}@keyframes switch-comparison-fill-redFeel{from{width:0%}to{width:100%}}@-webkit-keyframes switch-comparison-fill-blueFeel{from{width:0%}to{width:100%}}@keyframes switch-comparison-fill-blueFeel{from{width:0%}to{width:100%}}@-webkit-keyframes switch-comparison-fill-brownFeel{from{width:0%}to{width:100%}}@keyframes switch-comparison-fill-brownFeel{from{width:0%}to{width:100%}}@-webkit-keyframes switch-comparison-fill-omniFeel{from{width:0%}to{width:20%}}@keyframes switch-comparison-fill-omniFeel{from{width:0%}to{width:20%}}@media(max-width: 767.98px){.single-row-animation .omni-time.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-omniTime;animation-name:switch-comparison-fill-omniTime;-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .cherry-time.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-cherryTime;animation-name:switch-comparison-fill-cherryTime;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .std-mech-time.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-stdMechTime;animation-name:switch-comparison-fill-stdMechTime;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .omni-actuation--speed.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-omniSpeed;animation-name:switch-comparison-fill-omniSpeed;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .cherry-actuation.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-cherrySpeed;animation-name:switch-comparison-fill-cherrySpeed;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .std-mech-actuation.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-stdMechSpeed;animation-name:switch-comparison-fill-stdMechSpeed;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .qx2-red.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-redFeel;animation-name:switch-comparison-fill-redFeel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .qx2-blue.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-blueFeel;animation-name:switch-comparison-fill-blueFeel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .qx2-brown.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-brownFeel;animation-name:switch-comparison-fill-brownFeel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.single-row-animation .omni-actuation--feel.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-omniFeel;animation-name:switch-comparison-fill-omniFeel;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@media(min-width: 768px){.multi-row-animation .omni-time.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-omniTime;animation-name:switch-comparison-fill-omniTime;-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .cherry-time.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-cherryTime;animation-name:switch-comparison-fill-cherryTime;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .std-mech-time.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-stdMechTime;animation-name:switch-comparison-fill-stdMechTime;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .omni-actuation--speed.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-omniSpeed;animation-name:switch-comparison-fill-omniSpeed;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .cherry-actuation.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-cherrySpeed;animation-name:switch-comparison-fill-cherrySpeed;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .std-mech-actuation.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-stdMechSpeed;animation-name:switch-comparison-fill-stdMechSpeed;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .qx2-red.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-redFeel;animation-name:switch-comparison-fill-redFeel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .qx2-blue.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-blueFeel;animation-name:switch-comparison-fill-blueFeel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .qx2-brown.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-brownFeel;animation-name:switch-comparison-fill-brownFeel;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.multi-row-animation .omni-actuation--feel.animate-fill-bar .bar-filler{-webkit-animation-name:switch-comparison-fill-omniFeel;animation-name:switch-comparison-fill-omniFeel;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}

/*# sourceMappingURL=cmsplugin_static_switch_comparison.css.map*/