<>
/* CSS */
/* No ticket. Found during release. PLP is missing CSS/JS for notify me */
.notify-me-modal:not(.pangea-inited) {
display: none;
}
/* @TODO: CODE TO BE REMOVED WHEN NEW KEPLER SEC NAV IS DEPLOYED*/
/* https://jira.logitech.com/browse/LOGIWEB-2145 */
/*@media (min-width: 1025px) {*/
/* .secondary-nav-container.theme-light .component-secondary-nav.fixed-nav a.btn-compact-dark {*/
/* color: white !important;*/
/* }*/
/* .secondary-nav-container.theme-light .component-secondary-nav.fixed-nav a.btn-compact-dark :hover {*/
/* color: #2f3132 !important;*/
/* }*/
/* .secondary-nav-container.theme-light .component-secondary-nav.fixed-nav a:not(.navBtn):not(.btn-compact-dark):not(.btn-compact):not(.cta) {*/
/* color: #2f3132;*/
/* }*/
/*}*/
/* @TODO: CODE TO BE REMOVED WHEN NEW KEPLER SEC NAV IS DEPLOYED*/
/* Semi-permanent fix. No code-fix planned until the secondary nav gets re-built.
This is to force buttons in the secondary nav to have a black background and white text
when the secnav is in its sticky state. This allows the author to the button
however they like for when it's at the top of the screen without worrying about what
happens when the secnav background becomes opaque.
https://jira.logitech.com/browse/LOGIWEB-2654
*/
/*.secondary-nav-container .fixed-nav .pangea-cmp.ctas-ctn .cta {*/
/* background-color: black;*/
/* color: white;*/
/*}*/
/*.secondary-nav-container .fixed-nav .pangea-cmp.ctas-ctn .cta:hover {*/
/* background-color: transparent;*/
/* color: black;*/
/*}*/
/*.secondary-nav-container .fixed-nav .pangea-cmp.ctas-ctn .cta:hover:before {*/
/* border-color: black;*/
/*}*/
/* @TODO: CODE TO BE REMOVED WHEN NEW KEPLER SEC NAV IS DEPLOYED*/
/*@media (max-width: 1024px) {*/
/* .component-secondary-nav ul {*/
/* top: 50px;*/
/* }*/
/* .secondary-nav-container .pangea-cmp.ctas-ctn .cta {*/
/* background-color: black !important;*/
/* color: white !important;*/
/* }*/
/* .secondary-nav-container .pangea-cmp.ctas-ctn .cta:hover {*/
/* background-color: transparent !important;*/
/* color: black !important;*/
/* }*/
/* .secondary-nav-container .pangea-cmp.ctas-ctn .cta:hover:before {*/
/* content: "";*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* right: 0;*/
/* bottom: 0;*/
/* border: 2px solid black !important;*/
/* pointer-events: none;*/
/* }*/
/*}*/
/*
https://jira.logitech.com/browse/LOGIB2B-1264
Kepler search not working in Safari
*/
/*@media(min-width: 1025px) {
.kepler .search-form .search-submit {
display: block;
visibility: hidden;
width: 0px;
padding: 0;
}
html[data-whatinput="keyboard"] .kepler .search-form .search-submit {
visibility: visible;
width: auto;
padding: 0 20px;
}
}*/
/* @TODO: CODE TO BE REMOVED WHEN NEW KEPLER SEC NAV IS DEPLOYED*/
/* https://jira.logitech.com/browse/LOGIWEB-4785
breadcrumbs not clickable
*/
/*.component-secondary-nav {*/
/* pointer-events: none; */
/*}*/
/*.component-secondary-nav a,*/
/*.component-secondary-nav button {*/
/* pointer-events: all; */
/*}*/
body {
font-weight : 300 !important;
}
/*fixes clear filter button x */
.pangea-cmp .plp-current-filters button .filter-close:after {
line-height: 18px !important;
font-size: 7px !important;
font-weight: var(--p-font-weight-extra-bold) !important;
}
/*fixes funny rendered color filters*/
.plp .filters [data-filter-id=colors] .option .swatch.selected:after {
box-sizing: border-box;
}
/*home page recomended products fix*/
/* https://jira.logitech.com/browse/LOGIWEB-5582 */
.pangea-cmp.recommended-products a{
color: inherit;
}
.pangea-cmp.recommended-products a:hover{
color: inherit;
}
/* https://jira.logitech.com/browse/NSTAR-5517 */
/* Price display overrides for search results in non-commerce locales */
/*:lang(el-GR) > .pangea-search-results .product-price
:lang(ru-RU) > .pangea-search-results .product-price
:lang(tr-TR) > .pangea-search-results .product-price
:lang(pt-BR) > .pangea-search-results .product-price
:lang(es-AR) > .pangea-search-results .product-price
:lang(es-ROAM) > .pangea-search-results .product-price
:lang(en-ZA) > .pangea-search-results .product-price
:lang(en-QA) > .pangea-search-results .product-price
:lang(en-KW) > .pangea-search-results .product-price
:lang(en-SA) > .pangea-search-results .product-price
:lang(en-AE) > .pangea-search-results .product-price
:lang(en-PH) > .pangea-search-results .product-price
:lang(en-HK) > .pangea-search-results .product-price
:lang(zh-HK) > .pangea-search-results .product-price
:lang(zh-TW) > .pangea-search-results .product-price
:lang(ko-KR) > .pangea-search-results .product-price
:lang(en-IN) > .pangea-search-results .product-price
:lang(zh-CN) > .pangea-search-results .product-price
:lang(en-IE) > .pangea-search-results .product-price
:lang(th-TH) > .pangea-search-results .product-price
:lang(en-AE) > .pangea-search-results .product-price,
:lang(en-MY) > .pangea-search-results .product-price
:lang(en-SG) > .pangea-search-results .product-price
:lang(id-ID) > .pangea-search-results .product-price
:lang(vi-VN) > .pangea-search-results .product-price{
display: none !important;
}
/* https://jira.logitech.com/browse/LOGIWEB-6017 */
/* Price display overrides for comparison chart in non-commerce locales */
/*:lang(el-GR) > .compare-chart .product-price
:lang(ru-RU) > .compare-chart .product-price
:lang(tr-TR) > .compare-chart .product-price
:lang(pt-BR) > .compare-chart .product-price
:lang(es-AR) > .compare-chart .product-price
:lang(es-ROAM) > .compare-chart .product-price
:lang(en-ZA) > .compare-chart .product-price
:lang(en-QA) > .compare-chart .product-price
:lang(en-KW) > .compare-chart .product-price
:lang(en-SA) > .compare-chart .product-price
:lang(en-AE) > .compare-chart .product-price
:lang(en-PH) > .compare-chart .product-price
:lang(en-HK) > .compare-chart .product-price
:lang(zh-HK) > .compare-chart .product-price
:lang(zh-TW) > .compare-chart .product-price
:lang(ko-KR) > .compare-chart .product-price
:lang(en-IN) > .compare-chart .product-price
:lang(zh-CN) > .compare-chart .product-price
:lang(en-IE) > .compare-chart .product-price
:lang(th-TH) > .compare-chart .product-price,
:lang(en-AE) > .compare-chart .product-price,
:lang(en-MY) > .compare-chart .product-price
:lang(en-SG) > .compare-chart .product-price
:lang(id-ID) > .compare-chart .product-price,
:lang(vi-VN) > .compare-chart .product-price{
display: none !important;
}*/
/* Hide prices on pages. Uses JS hack */
/*body.hide-prices .price-atc-ctn {
display: none !important;
}*/
/* Avoid long URLs pushing over the next column in Tech Specs */
/* Remove when LOGIB2B-1813 is complete */
ul.tech-specs ul.specs-description-list,
ul.tech-specs ul.dotted {
overflow-wrap: anywhere;
}
/* https://jira.logitech.com/browse/LOGIWEB-6564 */
.pangea-grid-layout .layout-item {
display: flex;
flex-wrap: wrap;
justify-content: var(--halign);
}
>
Pangea temporary hotfixes here
<>
@media(min-width: 1025px){#image_editable-ib64b2c20173d43f3f8c09d3179ec7aec-padding-options[data-aem-id=image_editable-ib64b2c20173d43f3f8c09d3179ec7aec-padding-options]{padding-top:10px;}}
@media(min-width: 1025px){#image_editable-ib64b2c20173d43f3f8c09d3179ec7aec,[data-aem-id=image_editable-ib64b2c20173d43f3f8c09d3179ec7aec] {}}
>
<>
@media(max-width: 719px){#text_editable_copy-id96dc8467c0377c6bc58a48d3f31ceff-padding-options,[data-aem-id=text_editable_copy-id96dc8467c0377c6bc58a48d3f31ceff-padding-options]{padding-left:10px;padding-right:10px;}}
@media(max-width: 719px){#text_editable_copy-id96dc8467c0377c6bc58a48d3f31ceff,[data-aem-id=text_editable_copy-id96dc8467c0377c6bc58a48d3f31ceff]{}}
>
安装 Logi Options+
Logi Options+ 是一款功能强大且便于使用的应用程序,让您可以自定义罗技鼠标和键盘的工作方式,增强使用体验。
了解 Logi Options+
<>
@media(min-width: 1025px){[data-aem-id="cta_editable_copy-i139650b68b9508badcfcdff0646c0e3a-cta-padding-options"]{padding-bottom:20px;}}
@media(min-width: 1025px){[data-aem-id="cta_editable_copy-i139650b68b9508badcfcdff0646c0e3a-cta"]{}}
@media(min-width: 720px) and (max-width: 1024px){[data-aem-id="cta_editable_copy-i139650b68b9508badcfcdff0646c0e3a-cta-padding-options"]{padding-bottom:40px;}}
@media(min-width: 720px) and (max-width: 1024px){[data-aem-id="cta_editable_copy-i139650b68b9508badcfcdff0646c0e3a-cta"]{}}
@media(max-width: 719px){[data-aem-id="cta_editable_copy-i139650b68b9508badcfcdff0646c0e3a-cta-padding-options"]{padding-bottom:40px;}}
@media(max-width: 719px){[data-aem-id="cta_editable_copy-i139650b68b9508badcfcdff0646c0e3a-cta"]{}}
>
下载适用于 macOS 10.15 或更高版本的软件版本
<>
[data-aem-id=video-element-if773c5bfcfb114b0ebf56d06d1536788] .posterframe {
background-image: url(https:\2f\2fresource.logitech.com\2fw_420,h_1024,c_limit,q_auto,f_auto,dpr_1.0\2f d_transparent.gif\2f content\2f dam\2flogitech\2f en\2fsetup\2f ergo-setup\2flogi-option-plus-mouse-video-thumbnail-2.png?v=1);
background-position: center;
background-size: cover;
}
@media(min-width: 720px) {
[data-aem-id=video-element-if773c5bfcfb114b0ebf56d06d1536788] .posterframe {
background-image: url(https:\2f\2fresource.logitech.com\2fw_1024,h_1366,c_limit,q_auto,f_auto,dpr_1.0\2f d_transparent.gif\2f content\2f dam\2flogitech\2f en\2fsetup\2f ergo-setup\2flogi-option-plus-mouse-video-thumbnail-2.png?v=1);
background-position: center;
}
}
@media(min-width: 1025px) {
[data-aem-id=video-element-if773c5bfcfb114b0ebf56d06d1536788] .posterframe {
background-image: url(https:\2f\2fresource.logitech.com\2fw_1800,h_1800,c_limit,q_auto,f_auto,dpr_1.0\2f d_transparent.gif\2f content\2f dam\2flogitech\2f en\2fsetup\2f ergo-setup\2flogi-option-plus-mouse-video-thumbnail-2.png?v=1);
background-position: center;
}
}
>
<>
.LMz3s7PE {
display: none;
}
>
<>
/* CSS */
@media (min-width: 1025px) {
.pangea-cmp[data-size-desktop=size-full] {
min-height: calc(100vh - 100px);
}
.dpbl:not([data-desktop-size^=ar-]) {
height: 100px;
}
}
@media (min-width: 720px) and (max-width: 1024px) {
.pangea-cmp[data-size-tablet=size-full] {
min-height: calc(100vh - 120px);
}
.tpbl:not([data-desktop-size^=ar-]) {
height: 120px;
}
}
@media (max-width: 719px) {
.pangea-cmp[data-size-mobile=size-full] {
min-height: calc(100vh - 60px);
}
.mpbl:not([data-desktop-size^=ar-]) {
height: 60px;
}
}
>