/* Estilos de layout da página de referência (bambulab.com/pt-br/x2d), capturados na auditoria.
   Não editar à mão: ajustes da 3D Club ficam em x2d.css. */
:root { --Display-1-Size: 54px; --Display-1-Line-Height: 60px; --Display-1-1-Size: 48px; --Display-1-1-Line-Height: 53px; --Display-2-Size: 40px; --Display-2-Line-Height: 44px; --Headline-1-Size: 36px; --Headline-1-Line-Height: 40px; --Headline-2-Size: 30px; --Headline-2-Line-Height: 33px; --Headline-3-Size: 28px; --Headline-3-Line-Height: 31px; --Headline-4-Size: 24px; --Headline-4-Line-Height: 29px; --Title-1-Size: 22px; --Title-1-Line-Height: 27px; --Title-2-Size: 20px; --Title-2-Line-Height: 24px; --Title-3-Size: 20px; --Title-3-Line-Height: 24px; --Title-4-Size: 18px; --Title-4-Line-Height: 23px; --Body-1-Size: 16px; --Body-1-Line-Height: 21px; --Body-2-Size: 14px; --Body-2-Line-Height: 19px; --Body-3-Size: 14px; --Body-3-Line-Height: 20px; --Body-4-Size: 12px; --Body-4-Line-Height: 17px; --Button-1-Size: 14px; --Button-1-Line-Height: 20px; --Description-1-Size: 12px; --Description-1-Line-Height: 17px; }
@media (min-width: 1025px){:root { --Display-1-Size: 64px; --Display-1-Line-Height: 70px; --Display-1-1-Size: 60px; --Display-1-1-Line-Height: 66px; --Display-2-Size: 56px; --Display-2-Line-Height: 61px; --Headline-1-Size: 48px; --Headline-1-Line-Height: 53px; --Headline-2-Size: 40px; --Headline-2-Line-Height: 44px; --Headline-3-Size: 36px; --Headline-3-Line-Height: 40px; --Headline-4-Size: 32px; --Headline-4-Line-Height: 38px; --Title-1-Size: 30px; --Title-1-Line-Height: 36px; --Title-2-Size: 24px; --Title-2-Line-Height: 29px; --Title-3-Size: 20px; --Title-3-Line-Height: 24px; --Title-4-Size: 18px; --Title-4-Line-Height: 23px; --Body-1-Size: 16px; --Body-1-Line-Height: 21px; --Body-2-Size: 14px; --Body-2-Line-Height: 19px; --Body-3-Size: 14px; --Body-3-Line-Height: 20px; --Body-4-Size: 14px; --Body-4-Line-Height: 20px; --Button-1-Size: 14px; --Button-1-Line-Height: 20px; --Description-1-Size: 12px; --Description-1-Line-Height: 17px; }}
@media (min-width: 1440px){:root { --Display-1-Size: 100px; --Display-1-Line-Height: 110px; --Display-1-1-Size: 86px; --Display-1-1-Line-Height: 95px; --Display-2-Size: 72px; --Display-2-Line-Height: 79px; --Headline-1-Size: 60px; --Headline-1-Line-Height: 66px; --Headline-2-Size: 54px; --Headline-2-Line-Height: 60px; --Headline-3-Size: 48px; --Headline-3-Line-Height: 53px; --Headline-4-Size: 40px; --Headline-4-Line-Height: 48px; --Title-1-Size: 34px; --Title-1-Line-Height: 41px; --Title-2-Size: 30px; --Title-2-Line-Height: 36px; --Title-3-Size: 24px; --Title-3-Line-Height: 29px; --Title-4-Size: 20px; --Title-4-Line-Height: 26px; --Body-1-Size: 18px; --Body-1-Line-Height: 24px; --Body-2-Size: 16px; --Body-2-Line-Height: 21px; --Body-3-Size: 14px; --Body-3-Line-Height: 20px; --Body-4-Size: 14px; --Body-4-Line-Height: 20px; --Button-1-Size: 16px; --Button-1-Line-Height: 22px; --Description-1-Size: 12px; --Description-1-Line-Height: 17px; }}
:root { --Font-Style-Headline-1-Size: 54px; --Font-Style-Headline-1-Line-Height: 1.01; --Font-Style-Headline-2-Size: 30px; --Font-Style-Headline-2-Line-Height: 1.1; --Font-Style-Headline-3-Size: 26px; --Font-Style-Headline-3-Line-Height: 1.1; --Font-Style-Headline-4-Size: 24px; --Font-Style-Headline-4-Line-Height: 1.2; --Font-Style-Headline-5-Size: 22px; --Font-Style-Headline-5-Line-Height: 1.1; --Font-Style-Subtitle-1-Size: 20px; --Font-Style-Subtitle-1-Line-Height: 1.2; --Font-Style-Subtitle-2-Size: 18px; --Font-Style-Subtitle-2-Line-Height: 1.2; --Font-Style-Subtitle-3-Size: 16px; --Font-Style-Subtitle-3-Line-Height: 1.3; --Font-Style-Subtitle-4-Size: 14px; --Font-Style-Subtitle-4-Line-Height: 1.4; --Font-Style-Subtitle-5-Size: 12px; --Font-Style-Subtitle-5-Line-Height: 1.5; --Font-Style-Subtitle-6-Size: 14px; --Font-Style-Subtitle-6-Line-Height: 1.5; --Font-Style-Body-1-Size: 16px; --Font-Style-Body-1-Line-Height: 1.3; --Font-Style-Body-2-Size: 14px; --Font-Style-Body-2-Line-Height: 1.4; --Font-Style-Body-3-Size: 12px; --Font-Style-Body-3-Line-Height: 1.5; --Font-Style-Button-Size: 14px; --Font-Style-Button-Line-Height: 1.4; --Font-Style-Description-Size: 12px; --Font-Style-Description-Line-Height: 1.5; }
@media (min-width: 1025px){:root { --Font-Style-Headline-1-Size: 100px; --Font-Style-Headline-1-Line-Height: 1.1; --Font-Style-Headline-2-Size: 54px; --Font-Style-Headline-2-Line-Height: 1.01; --Font-Style-Headline-3-Size: 48px; --Font-Style-Headline-3-Line-Height: 1.01; --Font-Style-Headline-4-Size: 40px; --Font-Style-Headline-5-Size: 34px; --Font-Style-Headline-5-Line-Height: 1.2; --Font-Style-Subtitle-1-Size: 30px; --Font-Style-Subtitle-2-Size: 24px; --Font-Style-Subtitle-3-Size: 18px; --Font-Style-Subtitle-4-Size: 16px; --Font-Style-Subtitle-5-Size: 14px; --Font-Style-Body-1-Size: 18px; --Font-Style-Body-2-Size: 16px; --Font-Style-Body-3-Size: 14px; --Font-Style-Button-Size: 16px; }}
:root { --Section-Gap-1: 32px; --Section-Gap-2: 48px; --Section-Gap-3: 56px; --Section-Gap-4: 64px; --Section-Gap-5: 80px; --Section-Gap-6: 120px; --Section-Gap-7: 140px; --Section-Gap-8: 160px; --Content-Gap-1: 2px; --Content-Gap-2: 4px; --Content-Gap-2-1: 6px; --Content-Gap-3: 8px; --Content-Gap-4: 10px; --Content-Gap-5: 12px; --Content-Gap-6: 12px; --Content-Gap-7: 14px; --Content-Gap-8: 18px; --Content-Gap-9: 20px; --Content-Gap-10: 28px; --Gutter-Gap-1: 16px; --Gutter-Gap-2: 12px; --Button-Gap-1: 10px; --Button-Gap-2: 12px; }
@media (min-width: 1025px){:root { --Section-Gap-1: 48px; --Section-Gap-2: 60px; --Section-Gap-3: 80px; --Section-Gap-4: 100px; --Section-Gap-5: 120px; --Section-Gap-6: 160px; --Section-Gap-7: 180px; --Section-Gap-8: 240px; --Content-Gap-1: 4px; --Content-Gap-2: 6px; --Content-Gap-2-1: 8px; --Content-Gap-3: 10px; --Content-Gap-4: 12px; --Content-Gap-5: 16px; --Content-Gap-6: 18px; --Content-Gap-7: 20px; --Content-Gap-8: 24px; --Content-Gap-9: 30px; --Content-Gap-10: 40px; --Gutter-Gap-1: 18px; --Gutter-Gap-2: 80px; --Button-Gap-1: 10px; --Button-Gap-2: 18px; }}
@media (min-width: 1440px){:root { --Section-Gap-1: 60px; --Section-Gap-2: 80px; --Section-Gap-3: 100px; --Section-Gap-4: 140px; --Section-Gap-5: 160px; --Section-Gap-6: 200px; --Section-Gap-7: 240px; --Section-Gap-8: 320px; --Content-Gap-1: 4px; --Content-Gap-2: 8px; --Content-Gap-2-1: 10px; --Content-Gap-3: 12px; --Content-Gap-4: 16px; --Content-Gap-5: 18px; --Content-Gap-6: 20px; --Content-Gap-7: 24px; --Content-Gap-8: 32px; --Content-Gap-9: 40px; --Content-Gap-10: 48px; --Gutter-Gap-1: 24px; --Gutter-Gap-2: 100px; --Button-Gap-1: 10px; --Button-Gap-2: 20px; }}
:root { --cc-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --cc-font-size: 16px; --cc-bg: #fff; --cc-z-index: 2147480000; --cc-text: #2d4156; --cc-border-radius: .45rem; --cc-btn-primary-bg: #2d4156; --cc-btn-primary-text: var(--cc-bg); --cc-btn-primary-hover-bg: #1d2e38; --cc-btn-primary-hover-text: var(--cc-btn-primary-text); --cc-btn-secondary-bg: #eaeff2; --cc-btn-secondary-text: var(--cc-text); --cc-btn-secondary-hover-bg: #d8e0e6; --cc-btn-secondary-hover-text: var(--cc-btn-secondary-text); --cc-btn-border-radius: .375rem; --cc-toggle-bg-off: #919ea6; --cc-toggle-bg-on: var(--cc-btn-primary-bg); --cc-toggle-bg-readonly: #d5dee2; --cc-toggle-knob-bg: #fff; --cc-toggle-knob-icon-color: #ecf2fa; --cc-block-text: var(--cc-text); --cc-cookie-category-block-bg: #f0f4f7; --cc-cookie-category-block-bg-hover: #e9eff4; --cc-section-border: #f1f3f5; --cc-cookie-table-border: #e9edf2; --cc-overlay-bg: #040608; --cc-overlay-opacity: .85; --cc-consent-modal-box-shadow: 0 .625rem 1.875rem rgba(2,2,3,.28); --cc-webkit-scrollbar-bg: #cfd5db; --cc-webkit-scrollbar-bg-hover: #9199a0; }
:root { --vh100: 100vh; --vh100-fixedTop: calc(100vh - 50px); --navBarHeight: 50px; --fixedTop: 50px; --cc-btn-primary-bg: #000; --x2d-color: #664beb; --x2d-color-dark: #938aff; --a2l-color: #5dc700; --a2l-color-dark: #64d402; }
@media (min-width: 1025px){:root { --vh100: 100vh; --vh100-fixedTop: calc(100vh - 56px); --navBarHeight: 56px; --fixedTop: 56px; }}
:root { --icon-main-color: #333; --icon-fill-color: #f5f5f5; }
:root { --swiper-theme-color: #007aff; }
:root { --swiper-navigation-size: 44px; }
@keyframes consent-banner-fade-in-top { 
  0% { opacity: 0; transform: translateY(-20px); }
  60% { opacity: 1; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes consent-banner-fade-in-left-bottom { 
  0% { opacity: 0; transform: translate(-20px, 20px); }
  60% { opacity: 1; transform: translate(4px, -4px); }
  100% { opacity: 1; transform: translate(0px); }
}
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes video-react-spinner-spin { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes video-react-spinner-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes video-react-spinner-fade { 
  0% { border-top-color: rgb(115, 133, 159); }
  20% { border-top-color: rgb(115, 133, 159); }
  35% { border-top-color: rgb(255, 255, 255); }
  60% { border-top-color: rgb(115, 133, 159); }
  100% { border-top-color: rgb(115, 133, 159); }
}
@keyframes video-react-bezel-fadeout { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: scale(2); }
}
@keyframes video-react-bezel-fadeout-alt { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: scale(2); }
}
@-webkit-keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.css-ewz95p { height: 100%; }
.css-ewz95p .notistack-MuiContent { font-size: 1.4rem; }
.css-ewz95p .notistack-MuiContent-success { background-color: rgb(84, 214, 44) !important; }
.css-ewz95p .notistack-MuiContent-error { background-color: rgb(255, 72, 66) !important; }
.css-ewz95p .notistack-MuiContent-warning { background-color: rgb(255, 193, 7) !important; }
.css-ewz95p .notistack-MuiContent-info { background-color: rgb(0, 174, 66) !important; }
.css-15sctiv { height: 100%; display: flex; flex-direction: column; min-height: var(--vh100); }
.css-15sctiv .pageContent { flex: 1 1 0%; display: flex; flex-direction: column; padding-top: var(--fixedTop); }
.css-15sctiv .pageContent .fullHeight { height: var(--vh100-fixedTop); }
.css-15sctiv .pageContent .fullHeightMin { min-height: var(--vh100-fixedTop); }
.css-15sctiv .pageContent .fixTop { top: var(--fixedTop); }
.css-15sctiv .fix-icon-content { position: fixed; bottom: 80px; right: 20px; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 48px; z-index: 999; }
.css-1qjpx9t { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Manrope, "Open Sans", "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans; padding: 6px 16px; border: 0px; color: var(--variant-containedColor); background-color: var(--variant-containedBg); --variant-textColor: #00AE42; --variant-outlinedColor: #00AE42; --variant-outlinedBorder: rgba(0, 174, 66, 0.5); --variant-containedColor: #fff; --variant-containedBg: #00AE42; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); text-transform: none; font-weight: 400; height: 40px; min-width: 140px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 3px; box-shadow: none; }
.css-1qjpx9t.Mui-disabled { pointer-events: none; cursor: default; }
.css-1qjpx9t:hover { text-decoration: none; }
.css-1qjpx9t.Mui-disabled { color: rgba(145, 158, 171, 0.8); }
.css-1qjpx9t:hover { box-shadow: rgba(145, 158, 171, 0.2) 0px 2px 4px -1px, rgba(145, 158, 171, 0.14) 0px 4px 5px 0px, rgba(145, 158, 171, 0.12) 0px 1px 10px 0px; }
.css-1qjpx9t:active { box-shadow: rgba(145, 158, 171, 0.2) 0px 5px 5px -3px, rgba(145, 158, 171, 0.14) 0px 8px 10px 1px, rgba(145, 158, 171, 0.12) 0px 3px 14px 2px; }
.css-1qjpx9t.Mui-focusVisible { box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 5px -1px, rgba(145, 158, 171, 0.14) 0px 6px 10px 0px, rgba(145, 158, 171, 0.12) 0px 1px 18px 0px; }
.css-1qjpx9t.Mui-disabled { color: rgba(145, 158, 171, 0.8); box-shadow: none; background-color: rgba(145, 158, 171, 0.24); }
.css-1qjpx9t.MuiButton-loading { color: transparent; }
.css-1qjpx9t:hover { box-shadow: none; }
.css-mrerxt { height: var(--navBarHeight); position: absolute; top: var(--navBarHeight); left: 0px; right: 0px; z-index: 1200; }
.css-mrerxt .subHeaderFixed { height: var(--navBarHeight); position: fixed; width: 100%; top: var(--navBarHeight); z-index: 1200; background: rgb(26, 26, 26); border-bottom: 1px solid rgb(66, 66, 66); padding-left: 24px; padding-right: 24px; }
.css-1g16grf { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; max-width: 1200px; margin: 0px auto; height: var(--navBarHeight); }
.css-1g16grf .link { font-size: 14px; line-height: 20px; font-weight: 700; color: rgb(117, 117, 117); white-space: nowrap; }
.css-1g16grf .link.selected { color: rgb(245, 245, 245); }
.css-cqizqp { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; height: 100%; flex: 1 1 0%; min-width: 0px; }
.css-cqizqp .title { margin-right: 50px; font-size: 16px; font-weight: 600; color: rgb(245, 245, 245); white-space: nowrap; display: none; flex-shrink: 0; }
.css-cqizqp .LinkItemContent { display: flex; -webkit-box-align: center; align-items: center; flex-wrap: nowrap; gap: 12px; flex: 1 1 0%; min-width: 0px; overflow: auto hidden; scrollbar-width: none; margin-left: -24px; padding-left: 24px; margin-right: -24px; padding-right: 24px; }
.css-cqizqp .LinkItemContent::-webkit-scrollbar { display: none; }
.css-cqizqp.scrollable .LinkItemContent { margin-right: 0px !important; }
.css-1p6dyvl { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: rgb(26, 26, 26); height: calc(100% - 2px); position: relative; z-index: 1; transition: box-shadow 0.2s; }
.css-1p6dyvl.scrollable { box-shadow: rgba(255, 255, 255, 0.35) -6px 0px 8px -4px; }
.css-1p6dyvl .buy { display: block; margin-left: 12px; }
.css-1p6dyvl .buy .buyButton { height: 24px; padding: 2px 8px; border-radius: 4px; border: 1px solid rgb(0, 174, 66); background: rgb(0, 174, 66); color: rgb(245, 245, 245); font-size: var(--Font-Style-Body-2-Size); line-height: var(--Font-Style-Body-2-Line-Height); font-weight: 500; min-width: 52px; }
.css-1p6dyvl .buy .buyButton:hover { background: rgb(0, 135, 51); border-color: rgb(0, 135, 51); }
.css-tvrpga { background: rgb(18, 18, 18); position: relative; padding-top: var(--navBarHeight); }
.css-tvrpga .stickyContent { position: relative; }
.css-tvrpga .stickyContent .sticky { position: sticky; left: 0px; top: var(--navBarHeight); }
.css-tvrpga .beforeVideoSection { position: relative; z-index: 2; background: rgb(18, 18, 18); }
.css-tvrpga .afterVideoSection { position: relative; z-index: 2; }
.css-tvrpga .bottomSection { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); padding: var(--Section-Gap-7) 0; background: rgb(255, 255, 255); }
.css-y0e8ko { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 667px; color: rgb(245, 245, 245); background: rgb(51, 51, 51); }
.css-y0e8ko .containedBtn { background-color: rgb(245, 245, 245); color: rgb(26, 26, 26); }
.css-y0e8ko .containedBtn:hover { background-color: rgb(245, 245, 245); opacity: 0.85; }
.css-y0e8ko .outlinedBtn { border: 1.5px solid rgb(245, 245, 245); color: rgb(245, 245, 245); background-color: transparent; }
.css-y0e8ko .outlinedBtn:hover { background-color: rgb(245, 245, 245); color: rgb(26, 26, 26); }
.css-y0e8ko .media-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; }
.css-y0e8ko .textContainer { max-width: 452px; width: 100%; margin-left: auto; margin-right: auto; height: 100%; position: relative; z-index: 2; }
.css-y0e8ko .textContainer .textContent { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; opacity: 0; transition: opacity 0.8s; padding: var(--Section-Gap-2) var(--Content-Gap-5); text-align: center; }
.css-y0e8ko .textContainer .textContent.visible { opacity: 1; }
.css-y0e8ko .textContainer .textContent .name { font-size: var(--Title-1-Size); line-height: var(--Title-1-Line-Height); font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--Content-Gap-4); }
.css-y0e8ko .textContainer .textContent .slogan { font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); font-weight: 700; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--Content-Gap-8); white-space: pre-wrap; }
.css-y0e8ko.theme-light { color: rgb(26, 26, 26); background: rgb(245, 245, 245); }
.css-y0e8ko.theme-light .containedBtn { background-color: rgb(26, 26, 26); color: rgb(245, 245, 245); }
.css-y0e8ko.theme-light .containedBtn:hover { background-color: rgb(26, 26, 26); opacity: 0.85; }
.css-y0e8ko.theme-light .outlinedBtn { border: 1.5px solid rgb(26, 26, 26); color: rgb(26, 26, 26); background-color: transparent; }
.css-y0e8ko.theme-light .outlinedBtn:hover { background-color: rgb(26, 26, 26); color: rgb(245, 245, 245); }
.css-604xc9 { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; transform: translateZ(0px); }
.css-604xc9 .media-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.css-604xc9 .image-layer { z-index: 1; object-fit: cover; }
.css-604xc9 .video-layer { z-index: 2; object-fit: cover; opacity: 0; }
.css-604xc9 .video-layer.video-playing { opacity: 1; }
.css-604xc9 .video-layer.video-fading { opacity: 0; transition: opacity var(--media-fade-duration) ease-out; }
.css-604xc9 .video-layer.video-hidden { display: none; }
.css-ij36dd { width: 100%; height: 100%; object-fit: cover; }
.css-1ftehas .buttons { display: inline-grid; gap: var(--Content-Gap-3); grid-template-columns: repeat(2, 1fr); }
.css-1ftehas .buttons .button { width: 100%; white-space: nowrap; }
.css-1ftehas.buttonContent-1 .buttons { grid-template-columns: repeat(1, 1fr); }
.css-1wdy9lo { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; color: inherit; font-family: Manrope, "Open Sans", "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans; padding: 6px 16px; border: 0px; --variant-textColor: #00AE42; --variant-outlinedColor: #00AE42; --variant-outlinedBorder: rgba(0, 174, 66, 0.5); --variant-containedColor: #fff; --variant-containedBg: #00AE42; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); text-transform: none; font-weight: 400; height: 40px; min-width: 140px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 3px; }
.css-1wdy9lo.Mui-disabled { pointer-events: none; cursor: default; }
.css-1wdy9lo:hover { text-decoration: none; }
.css-1wdy9lo.Mui-disabled { color: rgba(145, 158, 171, 0.8); }
.css-1wdy9lo.MuiButton-loading { color: transparent; }
.css-1wdy9lo:hover { box-shadow: none; }
.css-icfatl { color: rgb(245, 245, 245); max-width: 452px; margin-left: auto; margin-right: auto; width: calc(100% - 48px); padding-top: var(--Section-Gap-5); padding-bottom: var(--Section-Gap-7); }
.css-icfatl .highlightTitle { font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); font-weight: 700; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: var(--Section-Gap-1); text-align: center; }
.css-6wnn7e { color: rgb(245, 245, 245); display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-rows: 220px; gap: var(--Gutter-Gap-1); }
.css-pj5avp { display: block; position: relative; height: 100%; overflow: hidden; }
.css-pj5avp .content { position: relative; display: flex; flex-direction: column; box-sizing: border-box; padding: var(--Content-Gap-7); z-index: 1; }
.css-pj5avp .imgContainer { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.css-pj5avp .imgContainer .imgContent { width: 100%; height: 100%; object-fit: cover; }
.css-pj5avp .imgContainer .author { white-space: pre-line; font-size: var(--Description-1-Size); line-height: var(--Description-1-Line-Height); position: absolute; left: 12px; bottom: 12px; z-index: 10; }
.css-pj5avp .title { font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 700; margin-bottom: var(--Content-Gap-4); }
.css-pj5avp .title .keywords { color: var(--x2d-color-dark); }
.css-pj5avp .desc { flex: 1 1 0%; font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 700; white-space: pre-line; }
.css-7ueqve { display: block; position: relative; height: 100%; overflow: hidden; }
.css-7ueqve .content { position: relative; display: flex; flex-direction: column; box-sizing: border-box; padding: var(--Content-Gap-7); z-index: 1; }
.css-7ueqve .imgContainer { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.css-7ueqve .imgContainer .imgContent { width: 100%; height: 100%; object-fit: cover; }
.css-7ueqve .imgContainer .author { white-space: pre-line; font-size: var(--Description-1-Size); line-height: var(--Description-1-Line-Height); position: absolute; left: 12px; bottom: 12px; z-index: 10; }
.css-7ueqve .title { font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 700; margin-bottom: var(--Content-Gap-4); }
.css-7ueqve .title .keywords { color: var(--x2d-color-dark); }
.css-7ueqve .desc { flex: 1 1 0%; font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 700; white-space: pre-line; }
.css-16al0t5 { display: block; position: relative; height: 100%; overflow: hidden; }
.css-16al0t5 .content { position: relative; display: flex; flex-direction: column; box-sizing: border-box; padding: var(--Content-Gap-7); z-index: 1; }
.css-16al0t5 .imgContainer { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.css-16al0t5 .imgContainer .imgContent { width: 100%; height: 100%; object-fit: cover; }
.css-16al0t5 .imgContainer .author { white-space: pre-line; font-size: var(--Description-1-Size); line-height: var(--Description-1-Line-Height); position: absolute; left: 12px; bottom: 12px; z-index: 10; }
.css-16al0t5 .title { font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 700; margin-bottom: var(--Content-Gap-4); }
.css-16al0t5 .title .keywords { color: var(--x2d-color-dark); }
.css-16al0t5 .desc { flex: 1 1 0%; font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 700; white-space: pre-line; }
.css-13mgfdc { display: block; position: relative; height: 100%; overflow: hidden; }
.css-13mgfdc .content { position: relative; display: flex; flex-direction: column; box-sizing: border-box; padding: var(--Content-Gap-7); z-index: 1; }
.css-13mgfdc .imgContainer { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.css-13mgfdc .imgContainer .imgContent { width: 100%; height: 100%; object-fit: cover; }
.css-13mgfdc .imgContainer .author { white-space: pre-line; font-size: var(--Description-1-Size); line-height: var(--Description-1-Line-Height); position: absolute; left: 12px; bottom: 12px; z-index: 10; }
.css-13mgfdc .title { font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 700; margin-bottom: var(--Content-Gap-4); }
.css-13mgfdc .title .keywords { color: var(--x2d-color-dark); }
.css-13mgfdc .desc { flex: 1 1 0%; font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 700; white-space: pre-line; }
.css-v6e4o2 { position: relative; height: calc(var(--vh100-fixedTop) * 8); margin-top: calc(var(--vh100-fixedTop) * -1); margin-bottom: calc(var(--vh100-fixedTop) * -1); z-index: 1; }
.css-v6e4o2 .stickyBgContainer { position: sticky; top: var(--fixedTop); height: calc(var(--vh100-fixedTop)); overflow: hidden; }
.css-v6e4o2 .stickyBgContainer .stickyBgContent { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; background-color: rgb(66, 66, 71); }
.css-v6e4o2 .stickyBgContainer .stickyBgContent .video-layer { display: block !important; opacity: 1; }
.css-v6e4o2 .stickyBgContainer .overlay { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.75); opacity: 0; z-index: 2; }
.css-v6e4o2 .stickyBgContainer .textContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; text-align: center; color: rgb(250, 250, 250); width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-v6e4o2 .stickyBgContainer .textContainer .title, .css-v6e4o2 .stickyBgContainer .textContainer .desc { position: absolute; opacity: 0; width: calc(100% - 48px); margin: 0px auto; text-align: center; }
.css-v6e4o2 .stickyBgContainer .textContainer .title { font-size: var(--Display-1-Size); line-height: var(--Display-1-Line-Height); white-space: pre-wrap; font-weight: 700; background: linear-gradient(rgb(99, 99, 253) 0%, rgb(255, 255, 255) 118.75%) text; -webkit-text-fill-color: transparent; }
.css-v6e4o2 .stickyBgContainer .textContainer .desc { font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); white-space: pre-wrap; }
.css-v6e4o2 .stickyBgContainer .textContainer .desc .keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-v6e4o2 .stickyBgContainer .textContainer .desc.zh { line-height: 1.3; }
.css-v6e4o2 .videoMask { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 200vh; z-index: 4; opacity: 0; background: linear-gradient(to top, rgb(242, 238, 251) 0%, rgb(242, 238, 251) 40%, rgba(242, 238, 251, 0.97) 50%, rgba(242, 238, 251, 0.9) 58%, rgba(242, 238, 251, 0.75) 66%, rgba(242, 238, 251, 0.55) 74%, rgba(242, 238, 251, 0.35) 82%, rgba(242, 238, 251, 0.15) 90%, rgba(242, 238, 251, 0.05) 96%, transparent 100%); }
.css-v6e4o2 .videoMask::before { content: ""; position: absolute; inset: 0px; backdrop-filter: blur(20px); mask-image: linear-gradient(to top, black 0%, black 50%, transparent 100%); }
.css-ra914l { background: linear-gradient(rgb(242, 238, 251) 0%, transparent 100%) rgb(255, 255, 255); width: 100%; position: relative; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; padding: var(--Section-Gap-7) 0; gap: var(--Section-Gap-5); overflow: hidden; }
.css-cn5xx4 { max-width: 452px; width: 100%; color: rgb(245, 245, 245); text-align: center; font-weight: 700; margin: 0px auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; white-space: pre-wrap; }
.css-cn5xx4 .sectionTitle { font-size: var(--Headline-4-Size); line-height: var(--Headline-4-Line-Height); color: var(--x2d-color-dark); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--Content-Gap-3); }
.css-cn5xx4 .title { font-size: var(--Display-1-1-Size); line-height: var(--Display-1-1-Line-Height); color: rgb(245, 245, 245); margin: 0px; }
.css-cn5xx4 .title .word { display: inline; color: rgb(57, 57, 57); transition: color 0.6s; }
.css-cn5xx4 .title .word.visible { color: inherit; }
.css-cn5xx4 .title .word.highlight { color: var(--x2d-color-dark); transition: none; }
.css-cn5xx4 .title .word.keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-cn5xx4 .title.de { font-size: var(--Display-2-Size); line-height: var(--Display-2-Line-Height); }
.css-cn5xx4.theme-light { color: rgb(26, 26, 26); }
.css-cn5xx4.theme-light .sectionTitle { color: var(--x2d-color); }
.css-cn5xx4.theme-light .title { color: rgb(26, 26, 26); }
.css-cn5xx4.theme-light .title .word { color: rgb(217, 217, 217); }
.css-cn5xx4.theme-light .title .word.visible { color: inherit; }
.css-cn5xx4.theme-light .title .word.highlight { color: var(--x2d-color); }
.css-cn5xx4.theme-light .title .word.keywords { color: var(--x2d-color); }
.css-cn5xx4.useMobilePadding { width: calc(100% - 48px); }
.css-1ovvj25 { width: 100%; max-width: 100%; margin: 0px auto; display: flex; flex-direction: column; gap: var(--Section-Gap-7); }
.css-1ram145 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-1); }
.css-1656dxe { max-width: 452px; width: 100%; color: rgb(245, 245, 245); text-align: center; font-weight: 700; margin: 0px auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; white-space: pre-wrap; }
.css-1656dxe .sectionTitle { font-size: var(--Headline-4-Size); line-height: var(--Headline-4-Line-Height); color: var(--x2d-color); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--Content-Gap-3); }
.css-1656dxe .title { font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); font-weight: 700; margin: 0px; }
.css-1656dxe .desc { font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 500; color: rgb(194, 194, 194); margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: var(--Content-Gap-4); white-space: pre-wrap; }
.css-1656dxe .desc .keywords { color: var(--x2d-color); font-weight: 700; }
.css-1656dxe .mainFeatures { font-size: var(--Title-2-Size); line-height: var(--Title-2-Line-Height); font-weight: 700; color: var(--x2d-color); margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: var(--Content-Gap-8); }
.css-1656dxe.theme-light { color: rgb(26, 26, 26); }
.css-1656dxe.theme-light .desc { color: rgb(80, 80, 80); }
.css-1656dxe.useMobilePadding { width: calc(100% - 48px); }
.css-obp3y2 { width: 100vw; margin-left: calc(50% - 50vw); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-7); }
.css-pb05ey { width: 100%; }
.css-pb05ey .swiper-slide { width: auto; }
.css-xhk5d4 { width: 100vw; margin-left: calc(50% - 50vw); }
.css-xhk5d4 .swiper { overflow: visible; padding-left: 24px; padding-right: 24px; }
.css-xhk5d4 .swiper-pagination { position: relative; top: auto; bottom: auto; margin-top: var(--Content-Gap-6); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-xhk5d4 .swiper-pagination-bullet { position: relative; width: 16px; height: 16px; display: inline-block; background: transparent; opacity: 1; transition: width 0.1s; padding: 4px; margin: 0px !important; }
.css-xhk5d4 .swiper-pagination-bullet::after { content: " "; display: block; width: 100%; height: 100%; border-radius: 4px; background: rgb(171, 171, 171); opacity: 0.4; }
.css-xhk5d4 .swiper-pagination-bullet-active { width: 56px; height: 16px; }
.css-xhk5d4 .swiper-pagination-bullet-active::after { background: rgb(26, 26, 26); opacity: 1; }
.css-3n1b0m { width: 327px; height: 360px; position: relative; display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; overflow: hidden; }
.css-3n1b0m .cardImage { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.css-3n1b0m .mw1CardInfo { background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0)); padding: var(--Gutter-Gap-1); display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-3); width: 100%; box-sizing: border-box; }
.css-3n1b0m .avatar { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.css-3n1b0m .avatar .avatar-img { width: 100%; height: 100%; object-fit: cover; }
.css-3n1b0m .userInfo { color: rgb(245, 245, 245); display: flex; flex-direction: column; gap: var(--Content-Gap-3); }
.css-3n1b0m .userName { font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 500; }
.css-3n1b0m .userDesc { font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); }
.css-rqgsqp { position: relative; z-index: 1; }
@-webkit-keyframes animation-13utko3 { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes animation-13utko3 { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.css-15lgq46 { width: 100vw; margin-left: calc(50% - 50vw); display: flex; flex-direction: column; gap: var(--Content-Gap-3); }
.css-15lgq46 .marqueeTrack { display: flex; width: max-content; }
.css-15lgq46 .marqueeTrack:hover { animation-play-state: paused; }
.css-15lgq46 .marqueeTrack1, .css-15lgq46 .marqueeTrack2 { animation: animation-13utko3 var(--marquee-duration, 40s) linear infinite; }
.css-15lgq46 .marqueeGroup { display: flex; gap: var(--Content-Gap-3); padding-right: var(--Content-Gap-3); }
.css-15lgq46 .marqueeRow2 { transform: translateX(-124.5px); }
.css-15lgq46 .mwPicCard { width: 241px; height: 149px; flex-shrink: 0; position: relative; overflow: hidden; }
.css-15lgq46 .mwPicCard .cardImage { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.css-54x79m { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; }
.css-1fchqcx { width: 100%; height: 360px; position: relative; overflow: hidden; display: flex; align-items: flex-end; -webkit-box-pack: center; justify-content: center; padding-bottom: 32px; }
.css-1fchqcx .cardImage { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.css-1fchqcx .cardImage img { width: 100%; height: 100%; object-fit: cover; }
.css-1fchqcx .exploreBtn { font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); background: var(--x2d-color); color: rgb(250, 250, 250); padding: 12px 12px 12px 20px; border-radius: 200px; display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-1); font-weight: 700; cursor: pointer; position: relative; z-index: 1; }
.css-1fchqcx .arrowIcon { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 24px; }
.css-e0nkmf { position: relative; background: rgb(0, 0, 0); width: 100%; overflow: clip; }
.css-nr3jbu { position: relative; height: 1100px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
.css-nr3jbu .bgContent { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100%; height: 1100px; z-index: 0; }
.css-nr3jbu .innerContainer { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; position: relative; z-index: 1; padding-top: var(--Section-Gap-5); }
.css-nr3jbu .textContainer { display: flex; flex-direction: column; gap: var(--Content-Gap-8); max-width: 500px; width: 100%; }
.css-nr3jbu .textContainer * { text-align: left; width: 100%; }
.css-nr3jbu .textContainer .descWrapper { display: flex; flex-direction: column; color: rgb(194, 194, 194); font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 500; }
.css-nr3jbu .textContainer .descWrapper b, .css-nr3jbu .textContainer .descWrapper strong, .css-nr3jbu .textContainer .descWrapper .keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-nr3jbu .textContainer .descWrapper p { margin: 0px; }
.css-nr3jbu .textContainer .descWrapper.zh { line-height: 1.3; }
.css-nr3jbu.de { height: 1400px; }
.css-nr3jbu.de .bgContent { height: 1400px; }
.css-1unpy2e { position: relative; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; padding: var(--Section-Gap-5) 0 var(--Section-Gap-7) 0; gap: var(--Section-Gap-1); }
.css-1unpy2e .bgContent2 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; }
.css-1unpy2e .bgContent2 .media-layer { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.css-1unpy2e .innerContainer { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--Section-Gap-5); }
.css-1unpy2e .sectionBlock { display: flex; flex-direction: column; gap: var(--Section-Gap-1); width: 100%; }
.css-1unpy2e .blockHeader { display: flex; flex-direction: column; gap: var(--Content-Gap-4); align-items: flex-start; text-align: left; width: 100%; }
.css-1unpy2e .blockHeader .blockTitle { color: rgb(245, 245, 245); font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); margin: 0px; font-weight: 700; }
.css-1unpy2e .blockHeader .blockSubtitle { color: rgb(194, 194, 194); font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 500; }
.css-dw6zwb { display: flex; flex-direction: column; gap: var(--Content-Gap-10); width: 100%; }
.css-dw6zwb .featureItem { display: flex; flex-direction: column; gap: var(--Content-Gap-7); width: 100%; }
.css-dw6zwb .featureText { display: flex; flex-direction: column; gap: var(--Content-Gap-4); }
.css-dw6zwb .featureTitle { background: linear-gradient(0deg, rgb(99, 99, 253) 0%, rgb(255, 255, 255) 100%) text, linear-gradient(0deg, rgb(147, 138, 255), rgb(147, 138, 255)); -webkit-text-fill-color: transparent; font-size: var(--Title-1-Size); line-height: var(--Title-1-Line-Height); font-weight: 700; padding-bottom: 2px; }
.css-dw6zwb .featureDesc { color: rgb(217, 217, 217); font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); font-weight: 500; }
.css-dw6zwb .featureDesc b, .css-dw6zwb .featureDesc strong, .css-dw6zwb .featureDesc .keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-14fftdf { width: 100vw; margin-left: calc(50% - 50vw); }
.css-14fftdf .swiper { overflow: visible; padding-left: 24px; padding-right: 24px; }
.css-14fftdf .swiper-pagination { position: relative; top: auto; bottom: auto; margin-top: var(--Content-Gap-6); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-14fftdf .swiper-pagination-bullet { position: relative; width: 16px; height: 16px; display: inline-block; background: transparent; opacity: 1; transition: width 0.1s; padding: 4px; margin: 0px !important; }
.css-14fftdf .swiper-pagination-bullet::after { content: " "; display: block; width: 100%; height: 100%; border-radius: 4px; background: rgb(103, 103, 103); opacity: 0.4; }
.css-14fftdf .swiper-pagination-bullet-active { width: 56px; height: 16px; }
.css-14fftdf .swiper-pagination-bullet-active::after { background: rgb(245, 245, 245); opacity: 1; }
.css-14fftdf .swiper-slide { width: 327px; height: 250px; }
.css-14fftdf .compareCard { width: 100%; height: 100%; position: relative; overflow: hidden; pointer-events: none; }
.css-14fftdf .compareCard .cardImage { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.css-12jc07u { background: rgb(255, 255, 255); position: relative; width: 100%; padding: var(--Section-Gap-7) 0; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); }
.css-12jc07u .innerContainer { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
.css-bgnvk9 .midSection { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Content-Gap-7); }
.css-bgnvk9 .midPicWrapper { width: 327px; height: 360px; position: relative; overflow: hidden; order: 1; margin-bottom: calc(var(--Section-Gap-1) - var(--Content-Gap-7)); }
.css-bgnvk9 .midPicWrapper .midPic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.css-bgnvk9 .item1 { order: 2; opacity: 0; transform: translateY(50px); will-change: transform, opacity; }
.css-bgnvk9 .item2 { order: 3; opacity: 0; transform: translateY(50px); will-change: transform, opacity; }
.css-bgnvk9 .textItem { color: rgb(80, 80, 80); font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 500; width: 100%; }
.css-bgnvk9 .textItem .keywords { color: var(--x2d-color); font-weight: 700; }
.css-lzdmht { width: 100%; display: flex; flex-direction: column; gap: var(--Section-Gap-1); -webkit-box-align: center; align-items: center; }
.css-lzdmht .compareSection { display: flex; flex-direction: column; width: 100%; position: relative; }
.css-lzdmht .compareCardWrapper { position: relative; width: 100%; border-top: 1px solid rgb(171, 171, 171); }
.css-lzdmht .compareCardWrapper:last-child { border-bottom: 1px solid rgb(171, 171, 171); }
.css-lzdmht .compareCard { position: sticky; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; min-height: var(--vh100-fixedTop); padding: var(--Section-Gap-1) 0; background-color: rgb(255, 255, 255); }
.css-lzdmht .compareCard .innerContainer { gap: 32px; }
.css-lzdmht .cardPicWrapper { width: 100%; height: 360px; position: relative; overflow: hidden; }
.css-lzdmht .cardPicWrapper .cardPic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.css-lzdmht .cardPicWrapper .seq-pic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.css-lzdmht .cardContent { display: flex; flex-direction: column; gap: var(--Content-Gap-7); width: 100%; }
.css-lzdmht .cardTitle { color: rgb(26, 26, 26); font-size: var(--Title-3-Size); line-height: var(--Title-3-Line-Height); font-weight: 700; }
.css-lzdmht .metricsWrapper { display: flex; flex-direction: column; gap: var(--Content-Gap-7); width: 100%; }
.css-lzdmht .metricBlock { display: flex; flex-direction: column; width: 100%; }
.css-lzdmht .metricBlock .metricTitle { color: rgb(26, 26, 26); font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); font-weight: 700; margin-bottom: var(--Content-Gap-2); }
.css-lzdmht .metricBlock .metricData { display: flex; align-items: flex-end; gap: var(--Content-Gap-1); color: var(--x2d-color); margin-bottom: var(--Content-Gap-2); }
.css-lzdmht .metricBlock .metricData .val { font-size: var(--Title-2-Size); line-height: 1; font-weight: 700; }
.css-lzdmht .metricBlock .metricData .desc { font-size: var(--Body-1-Size); line-height: 1; font-weight: 700; }
.css-lzdmht .metricBlock .metricBars { display: flex; flex-direction: column; gap: var(--Content-Gap-1); width: 100%; }
.css-lzdmht .metricBlock .metricBars .barRow { display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-2-1); width: 100%; }
.css-lzdmht .metricBlock .metricBars .barLabel { font-size: var(--Body-4-Size); line-height: var(--Body-4-Line-Height); font-weight: 700; min-width: 26px; }
.css-lzdmht .metricBlock .metricBars .barTrackContainer { flex: 1 1 0%; }
.css-lzdmht .metricBlock .metricBars .barTrack1 { height: 10px; border-radius: 999px; background: linear-gradient(to right, rgb(196, 196, 196), rgb(162, 162, 162)); }
.css-lzdmht .metricBlock .metricBars .barTrack2 { height: 10px; border-radius: 999px; background: linear-gradient(to right, #b3b3e5, var(--x2d-color)); }
.css-lzdmht .metricBlock .metricBars .label1 { color: rgb(80, 80, 80); }
.css-lzdmht .metricBlock .metricBars .label2 { color: var(--x2d-color); }
.css-lzdmht .actionButton { display: inline-flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 1000px; border: 1px solid rgb(148, 148, 148); padding: var(--Content-Gap-3) var(--Content-Gap-5) var(--Content-Gap-3) var(--Content-Gap-8); gap: 10px; cursor: pointer; }
.css-lzdmht .actionButton .btnText { color: rgb(26, 26, 26); font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 700; }
.css-lzdmht .actionButton .btnIcon { font-size: 36px; line-height: 0; position: relative; border-radius: 50%; overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--x2d-color); }
.css-lzdmht .actionButton .btnIcon svg { width: 100%; height: 100%; }
.css-1f389k4 { z-index: 1; height: calc(var(--vh100-fixedTop) * 3); }
.css-t06w6s { z-index: 2; height: calc(var(--vh100-fixedTop) * 3); }
.css-1jg57a2 { z-index: 3; height: calc(var(--vh100-fixedTop) * 3); }
.css-1ini54u { background: rgb(250, 250, 250); position: relative; width: 100%; padding: var(--Section-Gap-7) 0; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); }
.css-1u0unp4 { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-4); }
.css-1u0unp4 .contentBlock { gap: var(--Content-Gap-10); }
.css-1u0unp4 .contentBlock .subSectionTitle { width: 100%; }
.css-1u0unp4 .contentBlock .subSectionTitle .desc { white-space: pre-wrap; }
.css-1u0unp4 .gallery { display: grid; gap: var(--Content-Gap-3); width: 100%; grid-template-columns: 1fr; grid-auto-rows: 360px; }
.css-1u0unp4 .gallery .pic { width: 100%; height: 100%; overflow: hidden; }
.css-1jziyog { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; transform: translateZ(0px); }
.css-1jziyog .media-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.css-1jziyog .image-layer { z-index: 1; object-fit: cover; }
.css-1jziyog .video-layer { z-index: 2; object-fit: cover; opacity: 0; }
.css-1jziyog .video-layer.video-playing { opacity: 1; }
.css-1jziyog .video-layer.video-fading { opacity: 0; transition: opacity var(--media-fade-duration) ease-out; }
.css-1jziyog .video-layer.video-hidden { display: none; }
.css-1m4108 { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; transform: translateZ(0px); }
.css-1m4108 .media-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.css-1m4108 .image-layer { z-index: 1; object-fit: cover; }
.css-1m4108 .video-layer { z-index: 2; object-fit: cover; opacity: 0; }
.css-1m4108 .video-layer.video-playing { opacity: 1; }
.css-1m4108 .video-layer.video-fading { opacity: 0; transition: opacity var(--media-fade-duration) ease-out; }
.css-1m4108 .video-layer.video-hidden { display: none; }
.css-jnuiff { background: rgb(18, 18, 18); position: relative; width: 100%; padding: var(--Section-Gap-7) 0; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); overflow: hidden; }
.css-jnuiff .sectionsContainer { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-7); }
.css-jnuiff .sectionWrapper { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-3); }
.css-1dvk445 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-1dvk445 .s1-content { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-4); }
.css-1dvk445 .s1-video { width: 100%; height: 450px; overflow: hidden; position: relative; }
.css-1dvk445 .s1-picGroup { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-4); }
.css-1dvk445 .s1-picGroup .pic { width: 100%; height: 360px; overflow: hidden; }
.css-1al1luc { max-width: 452px; width: 100%; font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); font-weight: 700; text-align: center; margin: 0px auto; color: rgb(245, 245, 245); white-space: pre-wrap; }
.css-1al1luc .keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-1al1luc.theme-light { color: rgb(26, 26, 26); }
.css-1al1luc.theme-light .keywords { color: var(--x2d-color); }
.css-1al1luc.useMobilePadding { width: calc(100% - 48px); }
.css-1r78a7a { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-1); }
.css-dpnrgh { max-width: 452px; width: 100%; color: rgb(245, 245, 245); text-align: center; font-weight: 700; margin: 0px auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-4); white-space: pre-wrap; }
.css-dpnrgh .title { font-size: var(--Title-1-Size); line-height: var(--Title-1-Line-Height); font-weight: 700; margin: 0px; }
.css-dpnrgh .desc { font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); font-weight: 500; color: rgb(194, 194, 194); margin: 0px; white-space: pre-wrap; }
.css-dpnrgh .desc .keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-dpnrgh.theme-light { color: rgb(26, 26, 26); }
.css-dpnrgh.theme-light .desc { color: rgb(80, 80, 80); }
.css-dpnrgh.theme-light .desc .keywords { color: var(--x2d-color); }
.css-dpnrgh.useMobilePadding { width: calc(100% - 48px); }
.css-rb8bef { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-rb8bef .sectionContent { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-4); }
.css-rb8bef .s2-compareGroup { display: flex; flex-direction: column; gap: var(--Gutter-Gap-1); width: 100%; -webkit-box-align: center; align-items: center; overflow: visible; }
.css-rb8bef .comparePic { width: 100%; margin-left: 0px; height: 360px; overflow: hidden; flex-shrink: 0; }
.css-rb8bef .compareUI { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--Gutter-Gap-1); padding: 0px; width: 327px; position: relative; height: 160px; overflow: hidden; }
.css-rb8bef .compareUI .innerBox { display: flex; flex-direction: column; gap: 10px; width: 167px; height: 160px; padding: var(--Content-Gap-3) var(--Content-Gap-5); position: relative; overflow: hidden; transform: translateZ(0px); z-index: 1; }
.css-rb8bef .compareUI .innerBox-on { align-items: flex-start; }
.css-rb8bef .compareUI .innerBox-off { align-items: flex-end; }
.css-rb8bef .compareUI .compareBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1; }
.css-rb8bef .compareUI .label { background-color: white; border-radius: 100px; padding: var(--Content-Gap-1) var(--Content-Gap-3); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: var(--Body-2-Size); line-height: 19px; font-weight: 700; }
.css-rb8bef .compareUI .label-on { color: var(--x2d-color); }
.css-rb8bef .compareUI .label-off { color: rgb(148, 148, 148); text-align: right; }
.css-192dayb { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-192dayb .s3-blocksContainer { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-4); }
.css-192dayb .s3-pic { width: 100%; height: 360px; overflow: hidden; }
.css-1av6dlu { background: rgb(255, 255, 255); position: relative; width: 100%; padding: var(--Section-Gap-7) 0; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); }
.css-1av6dlu .sectionContent { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); }
.css-1av6dlu .bottom-tag { position: absolute; bottom: 16px; z-index: 1; padding: 4px 12px; border-radius: 100px; background: rgb(255, 255, 255); font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); font-weight: 700; white-space: nowrap; }
.css-1av6dlu .bottom-tag.tag-on { bottom: calc(50% + 24px); left: 50%; transform: translateX(-50%); color: var(--x2d-color); }
.css-1av6dlu .bottom-tag.tag-off { bottom: 24px; left: 50%; transform: translateX(-50%); color: rgb(148, 148, 148); }
.css-19d5wj6 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-19d5wj6 .s1-picWrap { width: 100%; height: 520px; position: relative; overflow: hidden; }
.css-19d5wj6 .s1-pic { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.css-19d5wj6 .s1-tag { position: absolute; top: 22px; left: 50%; transform: translateX(-50%); z-index: 1; padding: 4px 12px; border-radius: 100px; background: rgb(255, 255, 255); font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); font-weight: 700; white-space: nowrap; }
.css-19d5wj6 .s1-tag.s1-tag-x2d { color: var(--x2d-color); }
.css-19d5wj6 .s1-tag.s1-tag-other { top: calc(50% + 22px); color: rgb(148, 148, 148); }
.css-19d5wj6 .s1-picFooter { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 100%; padding: 12px 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 39.08%); color: rgb(250, 250, 250); font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); font-weight: 500; text-align: center; }
.css-19d5wj6 .s1-picFooter b, .css-19d5wj6 .s1-picFooter strong, .css-19d5wj6 .s1-picFooter .keywords { color: var(--x2d-color-dark); font-weight: 500; }
.css-yf256m { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; margin-bottom: var(--Section-Gap-1); }
.css-yf256m .sectionTitle { color: rgb(26, 26, 26); font-size: var(--Headline-3-Size); line-height: var(--Headline-3-Line-Height); font-weight: 700; text-align: center; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--Content-Gap-4); }
.css-yf256m .sectionDesc { color: rgb(80, 80, 80); font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 500; text-align: center; white-space: pre-wrap; }
.css-yf256m .sectionDesc b, .css-yf256m .sectionDesc strong, .css-yf256m .sectionDesc .keywords { color: var(--x2d-color); font-weight: 700; }
.css-yf256m .sectionDesc p { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--Content-Gap-1); }
.css-yf256m .sectionDesc p:last-child { margin-bottom: 0px; }
.css-1eghb7e { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
.css-1eghb7e .s2-blockGroup { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-3); }
.css-1eghb7e .s2-pic1 { width: 100%; overflow: hidden; }
.css-1eghb7e .s2-pic2Wrap { position: relative; width: 100%; height: 520px; overflow: hidden; }
.css-1eghb7e .s2-pic2 { position: absolute; inset: 0px; width: 100%; height: 100%; }
.css-pv705f { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; transform: translateZ(0px); padding-top: 60%; }
.css-pv705f .media-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.css-pv705f .image-layer { z-index: 1; object-fit: cover; }
.css-pv705f .video-layer { z-index: 2; object-fit: cover; opacity: 0; }
.css-pv705f .video-layer.video-playing { opacity: 1; }
.css-pv705f .video-layer.video-fading { opacity: 0; transition: opacity var(--media-fade-duration) ease-out; }
.css-pv705f .video-layer.video-hidden { display: none; }
.css-1avjwag { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-1avjwag .s3-picWrap { position: relative; width: 100%; height: 520px; overflow: hidden; }
.css-1avjwag .s3-pic { position: absolute; inset: 0px; width: 100%; height: 100%; }
.css-w5b5yi { background: rgb(18, 18, 18); position: relative; width: 100%; padding: var(--Section-Gap-7) 0; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-3); }
.css-w5b5yi .sectionsContainer { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-5); }
.css-oj9nvi { width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-1); }
.css-oj9nvi .s1-content { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-oj9nvi .s1-picWrap { width: 100%; height: 360px; overflow: hidden; position: relative; }
.css-oj9nvi .s1-pic { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; transition: opacity 0.4s; }
.css-oj9nvi .s1-pic.active { opacity: 1; }
.css-oj9nvi .tabBar { display: inline-flex; margin-top: var(--Content-Gap-7); min-height: 26px; max-width: 100%; }
.css-oj9nvi .tabBar .MuiTabs-flexContainer { margin-bottom: 2px; }
.css-oj9nvi .tabBar .MuiTab-root { font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); font-weight: 500; padding: 0px; min-height: 22px; min-width: 30px; color: rgb(194, 194, 194); text-transform: none; opacity: 1; }
.css-oj9nvi .tabBar .MuiTab-root.Mui-selected { color: var(--x2d-color-dark); font-weight: 700; }
.css-oj9nvi .tabBar .MuiTab-root:not(:last-of-type) { margin-right: var(--Content-Gap-7); }
.css-oj9nvi .tabBar .MuiTabs-indicator { background: var(--x2d-color-dark); height: 2px; }
.css-1tfef { overflow: hidden; min-height: 48px; display: flex; }
.css-i8yde5 { overflow: auto hidden; scrollbar-width: none; }
.css-i8yde5::-webkit-scrollbar { display: none; }
.css-jb8z7h { position: relative; display: inline-block; flex: 1 1 auto; white-space: nowrap; scrollbar-width: none; overflow: auto hidden; }
.css-jb8z7h::-webkit-scrollbar { display: none; }
.css-162tvoi { display: flex; }
.css-yp3o31 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 8px 8px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; line-height: 1.25; font-size: 1.4rem; text-transform: none; font-family: Manrope, "Open Sans", "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans; max-width: 360px; min-width: 90px; position: relative; min-height: 48px; flex-shrink: 0; overflow: hidden; white-space: normal; text-align: center; flex-direction: column; color: rgb(117, 117, 117); padding: 0px; font-weight: 600; }
.css-yp3o31.Mui-disabled { pointer-events: none; cursor: default; }
.css-yp3o31.Mui-selected { color: rgb(0, 174, 66); }
.css-yp3o31.Mui-disabled { color: rgb(145, 158, 171); }
.css-yp3o31.Mui-selected { color: rgb(33, 43, 54); }
.css-yp3o31:not(:last-of-type) { margin-right: 40px; }
.css-1hqvwl6 { width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-1); }
.css-1hqvwl6 .s2-content { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-1hqvwl6 .s2-picWrap { width: 100%; height: 291px; overflow: hidden; position: relative; }
.css-1hqvwl6 .s2-pic { width: 100%; height: 100%; }
.css-1hqvwl6 .s2-blocks { display: flex; flex-direction: column; gap: var(--Content-Gap-7); margin-top: var(--Content-Gap-8); width: 100%; }
.css-1hqvwl6 .s2-block { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; }
.css-1hqvwl6 .s2-block .title { margin-bottom: var(--Content-Gap-4); color: var(--x2d-color-dark); text-align: center; font-size: var(--Title-1-Size); line-height: var(--Title-1-Line-Height); font-weight: 700; width: 100%; }
.css-1hqvwl6 .s2-block .desc { text-align: center; font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); font-weight: 500; color: rgb(194, 194, 194); width: 100%; }
.css-1hqvwl6 .s2-block .desc .keywords { color: var(--x2d-color-dark); font-weight: 700; }
.css-1hqvwl6 .s2-divider { display: none; }
.css-1ysbhci { background: rgb(250, 250, 250); position: relative; width: 100%; padding: var(--Section-Gap-7) 0; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-3); overflow: hidden; }
.css-1ysbhci .contentWrapper { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-7); }
.css-xqcg3d { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; gap: var(--Section-Gap-4); }
.css-xqcg3d .cleanAirBlock { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
.css-xqcg3d .cleanAirPic { width: 100%; height: 360px; overflow: hidden; position: relative; }
.css-xqcg3d .cleanAirImg { width: 100%; height: 100%; }
.css-1q1okhd { width: 100vw; margin-left: calc(50% - 50vw); }
.css-1q1okhd .swiper { overflow: visible; padding-left: 24px; padding-right: 24px; }
.css-1q1okhd .swiper-pagination { position: relative; top: auto; bottom: auto; margin-top: var(--Content-Gap-6); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-1q1okhd .swiper-pagination-bullet { position: relative; width: 16px; height: 16px; display: inline-block; background: transparent; opacity: 1; transition: width 0.1s; padding: 4px; margin: 0px !important; }
.css-1q1okhd .swiper-pagination-bullet::after { content: " "; display: block; width: 100%; height: 100%; border-radius: 4px; background: rgb(171, 171, 171); opacity: 0.4; }
.css-1q1okhd .swiper-pagination-bullet-active { width: 56px; height: 16px; }
.css-1q1okhd .swiper-pagination-bullet-active::after { background: rgb(26, 26, 26); opacity: 1; }
.css-1q1okhd .swiper-slide { width: 327px; }
.css-1q1okhd .card { display: flex; flex-direction: column; gap: var(--Content-Gap-8); }
.css-1q1okhd .cardPic { width: 100%; height: 360px; overflow: hidden; position: relative; }
.css-1q1okhd .cardImg { width: 100%; height: 100%; }
.css-1q1okhd .card .subSectionTitle { text-align: left; align-items: flex-start; }
.css-1jy8v66 { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
.css-1jy8v66 .updatesPic { width: 100%; height: 360px; overflow: hidden; position: relative; display: flex; align-items: flex-end; -webkit-box-pack: center; justify-content: center; padding-bottom: 32px; }
.css-1jy8v66 .updatesImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.css-1008ey3 { width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Section-Gap-1); }
.css-1008ey3 .compareAllLink { font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 500; color: rgb(0, 174, 66); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-1); cursor: pointer; }
.css-1008ey3 .compareAllLink .linkArrow { font-size: 16px; display: flex; }
.css-lcsd1i { position: relative; width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; overflow: hidden; gap: var(--Section-Gap-1); }
.css-lcsd1i .scrollWrapper { width: 100%; padding: 0px 24px; overflow-x: auto; scrollbar-width: none; }
.css-lcsd1i .scrollWrapper::-webkit-scrollbar { display: none; }
.css-lcsd1i .compareContent { display: flex; flex-direction: column; gap: var(--Section-Gap-2); width: 100%; }
.css-lcsd1i.fitContent .compareContent { width: fit-content; margin: 0px auto; }
.css-lcsd1i .compareGrid { display: grid; grid-template-columns: repeat(var(--col-count), minmax(120px, 1fr)); column-gap: var(--Gutter-Gap-1); }
.css-lcsd1i.limitColumns { --col-count: 2; }
.css-lcsd1i.limitColumns .compareGrid > div:nth-of-type(3n) { display: none; }
.css-lcsd1i .section { display: flex; flex-direction: column; gap: var(--Content-Gap-7); }
.css-lcsd1i .specGrid { row-gap: var(--Content-Gap-9); }
.css-lcsd1i .productCard { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-2-1); height: 100%; }
.css-lcsd1i .printerSelect { min-width: 156px; border-radius: 8px; font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 500; color: rgb(26, 26, 26); }
.css-lcsd1i .printerSelect .MuiSelect-select { min-height: 0px; text-align: center; padding: var(--Content-Gap-2) var(--Content-Gap-3) !important; }
.css-lcsd1i .printerSelect .selectValue { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--Content-Gap-2); }
.css-lcsd1i .printerSelect .selectArrow { font-size: 24px; color: rgb(26, 26, 26); transition: transform 0.2s; }
.css-lcsd1i .printerSelect .MuiOutlinedInput-notchedOutline { border-color: rgb(26, 26, 26); }
.css-lcsd1i .printerSelect.isOpen .selectValue { color: rgb(0, 174, 66); }
.css-lcsd1i .printerSelect.isOpen .selectArrow { color: rgb(0, 174, 66); transform: rotate(180deg); }
.css-lcsd1i .productName { font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 500; color: rgb(26, 26, 26); text-align: center; margin: 0px; padding: var(--Content-Gap-3); width: 100%; }
.css-lcsd1i .productPic { width: 100%; max-width: 328px; height: 180px; overflow: hidden; position: relative; }
.css-lcsd1i .productPicImg { height: 100%; }
.css-lcsd1i .productPicImg img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.08); transform-origin: center center; object-fit: contain; width: auto; }
.css-lcsd1i .productInfo { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; gap: var(--Content-Gap-2-1); width: 100%; flex: 1 1 0%; }
.css-lcsd1i .productPriceBlock { display: flex; flex-direction: column; gap: var(--Content-Gap-2-1); width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex: 1 1 0%; }
.css-lcsd1i .productPrice { font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 700; color: rgb(26, 26, 26); margin: 0px; height: var(--Title-4-Line-Height); }
.css-lcsd1i .productDesc { font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 500; color: rgb(80, 80, 80); margin: 0px; flex: 1 1 0%; }
.css-lcsd1i .buyBtn { font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); font-weight: 400; background: rgb(0, 174, 66); color: rgb(245, 245, 245); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; padding: var(--Button-Gap-1) var(--Button-Gap-2); width: 140px; min-width: 120px; max-width: 220px; text-align: center; cursor: pointer; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-lcsd1i .buyBtn.disabled { background: rgb(80, 80, 80); cursor: not-allowed; pointer-events: none; }
.css-lcsd1i .learnMoreLink { font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); font-weight: 500; color: rgb(0, 174, 66); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-1); cursor: pointer; }
.css-lcsd1i .learnMoreLink .linkArrow { display: flex; }
.css-lcsd1i .titleCol { text-align: left; border-bottom: 1px solid rgb(217, 217, 217); padding-bottom: var(--Content-Gap-3); }
.css-lcsd1i .titleLabel { font-size: var(--Title-4-Size); line-height: var(--Title-4-Line-Height); font-weight: 700; color: rgb(26, 26, 26); margin: 0px; }
.css-lcsd1i .specCol { text-align: center; display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-3); height: 100%; }
.css-lcsd1i .specValue { font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); font-weight: 700; color: rgb(26, 26, 26); margin: 0px; white-space: pre-line; }
.css-lcsd1i .specValue.clampWidth { font-size: var(--Body-4-Size); line-height: var(--Body-4-Line-Height); }
.css-lcsd1i .specLabel { font-size: var(--Body-3-Size); line-height: var(--Body-3-Line-Height); font-weight: 500; color: rgb(80, 80, 80); margin: 0px; }
.css-lcsd1i .specCheck { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(26, 26, 26); font-size: 24px; }
.css-lcsd1i .specCheck .customIcon { font-size: 48px; }
.css-lcsd1i .specCheck .customImgIcon { width: 48px; height: 48px; object-fit: contain; }
.css-lcsd1i .stickyBar { position: fixed; top: var(--navBarHeight); left: 0px; right: 0px; z-index: 1100; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; padding: var(--Content-Gap-6) 24px; transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.25s, opacity 0.25s; }
.css-lcsd1i .stickyBar.visible { transform: translateY(0px); opacity: 1; pointer-events: auto; }
.css-lcsd1i .stickyInner { width: 100%; margin: 0px auto; display: flex; flex-direction: column; gap: var(--Content-Gap-3); }
.css-lcsd1i .stickyGrid { -webkit-box-align: start; align-items: start; }
.css-lcsd1i .stickyCol { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-2-1); }
.css-lcsd1i .stickyLinks { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--Content-Gap-1); }
.css-lcsd1i .stickyLink { font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); font-weight: 500; color: rgb(0, 174, 66); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-1); cursor: pointer; white-space: nowrap; }
.css-lcsd1i .stickyLink .linkArrow { display: flex; }
.css-lcsd1i .stickyDivider { height: 1px; width: 100%; background: rgb(217, 217, 217); }
.css-lcsd1i .stickyAnchors { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-3); width: 100%; }
.css-lcsd1i .anchorTabs { flex: 1 1 0%; min-width: 0px; max-width: 100%; min-height: 0px; }
.css-lcsd1i .anchorTabs .MuiTabs-indicator { display: none; }
.css-lcsd1i .anchorTabs .MuiTabs-flexContainer { gap: var(--Content-Gap-4); }
.css-lcsd1i .anchorTab { font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); font-weight: 700; text-transform: none; color: rgb(171, 171, 171); min-width: 0px; min-height: 0px; padding: 0px; white-space: nowrap; transition: color 0.2s; }
.css-lcsd1i .anchorTab:not(:last-of-type) { margin-right: 0px; }
.css-lcsd1i .anchorTab.Mui-selected { color: rgb(26, 26, 26); }
.css-lcsd1i .anchorTab:hover { color: rgb(171, 171, 171); }
.css-lcsd1i .anchorTab.Mui-selected:hover { color: rgb(26, 26, 26); }
.css-lcsd1i .diffToggle { display: flex; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-2); flex-shrink: 0; cursor: pointer; user-select: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0px; font: inherit; color: inherit; }
.css-lcsd1i .diffToggle:focus-visible { outline: rgb(0, 174, 66) solid 2px; outline-offset: 4px; }
.css-lcsd1i .diffLabel { font-size: var(--Body-4-Size); line-height: var(--Body-4-Line-Height); font-weight: 700; color: rgb(26, 26, 26); white-space: nowrap; }
.css-lcsd1i .toggleSwitch { box-sizing: border-box; width: 36px; height: 22px; padding: 2px; border-radius: 100px; background: rgb(194, 194, 194); flex-shrink: 0; transition: background 0.2s; }
.css-lcsd1i .toggleSwitch .toggleKnob { width: 18px; height: 18px; border-radius: 50%; background: rgb(255, 255, 255); transition: transform 0.2s; }
.css-lcsd1i .toggleSwitch.on { background: rgb(0, 174, 66); }
.css-lcsd1i .toggleSwitch.on .toggleKnob { transform: translateX(14px); }
.css-rlanxv { position: relative; width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; overflow: hidden; }
.css-rlanxv .buyWrapper { max-width: 452px; width: calc(100% - 48px); margin-left: auto; margin-right: auto; height: 480px; overflow: hidden; position: relative; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: var(--Section-Gap-1) var(--Content-Gap-5); }
.css-rlanxv .buyBg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.css-rlanxv .buyContent { position: relative; z-index: 2; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-7); text-align: center; }
.css-rlanxv .buyTextBlock { display: flex; flex-direction: column; gap: var(--Content-Gap-3); -webkit-box-align: center; align-items: center; }
.css-rlanxv .buyBrand { font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); font-weight: 700; color: rgb(26, 26, 26); margin: 0px; }
.css-rlanxv .buySlogan { font-size: var(--Title-1-Size); line-height: var(--Title-1-Line-Height); font-weight: 700; color: rgb(26, 26, 26); margin: 0px; }
.css-rlanxv .buyBtns { display: flex; gap: var(--Content-Gap-3); -webkit-box-align: center; align-items: center; }
.css-rlanxv .buyNowBtn { font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); font-weight: 400; background: rgb(26, 26, 26); color: rgb(245, 245, 245); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; padding: var(--Button-Gap-1) var(--Button-Gap-2); width: 140px; text-align: center; cursor: pointer; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-rlanxv .showcaseBtn { font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); font-weight: 400; background: transparent; color: rgb(26, 26, 26); border: 1.2px solid rgb(26, 26, 26); border-radius: 4px; padding: var(--Button-Gap-1) var(--Button-Gap-2); width: 140px; text-align: center; cursor: pointer; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-17rg2x4 { background: rgb(26, 26, 26); }
.css-17rg2x4 .textContent { max-width: 452px; width: calc(100% - 24px); margin-left: auto; margin-right: auto; font-size: var(--Description-1-Size); line-height: var(--Description-1-Line-Height); font-weight: 700; padding: 32px 0px; color: rgb(148, 148, 148); white-space: pre-wrap; }
@-webkit-keyframes animation-61bdi0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes animation-61bdi0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes animation-1o38n3e { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; }
}
@keyframes animation-1o38n3e { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; }
}
@media print{.css-1qjpx9t { print-color-adjust: exact; }}
@media (hover: none){.css-1qjpx9t:hover { box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px; }}
@media (hover: hover){.css-1qjpx9t:hover { --variant-containedBg: #007B55; --variant-textBg: rgba(0, 174, 66, 0.08); --variant-outlinedBorder: #00AE42; --variant-outlinedBg: rgba(0, 174, 66, 0.08); }}
@media print{.css-1wdy9lo { print-color-adjust: exact; }}
@media (hover: hover){.css-1wdy9lo:hover { --variant-containedBg: #007B55; --variant-textBg: rgba(0, 174, 66, 0.08); --variant-outlinedBorder: #00AE42; --variant-outlinedBg: rgba(0, 174, 66, 0.08); }}
@media (max-width: 599.95px){.css-1tfef .MuiTabs-scrollButtons { display: none; }}
@media print{.css-yp3o31 { print-color-adjust: exact; }}
@media (min-width: 500px){.css-y0e8ko .textContainer { max-width: 452px; }}
@media (min-width: 500px){.css-cn5xx4 { max-width: 452px; }}
@media (min-width: 500px){.css-1656dxe { max-width: 452px; }}
@media (min-width: 500px){.css-54x79m { max-width: 452px; }}
@media (min-width: 500px){.css-nr3jbu .innerContainer { max-width: 452px; }}
@media (min-width: 500px){.css-1unpy2e .innerContainer { max-width: 452px; }}
@media (min-width: 500px){.css-12jc07u .innerContainer { max-width: 452px; }}
@media (min-width: 500px){.css-1u0unp4 { max-width: 452px; }}
@media (min-width: 500px){.css-1dvk445 .s1-picGroup { max-width: 452px; }}
@media (min-width: 500px){.css-1al1luc { max-width: 452px; }}
@media (min-width: 500px){.css-dpnrgh { max-width: 452px; }}
@media (min-width: 500px){.css-rb8bef .sectionContent { max-width: 452px; }}
@media (min-width: 500px){.css-192dayb .s3-blocksContainer { max-width: 452px; }}
@media (min-width: 500px){.css-1av6dlu .sectionContent { max-width: 452px; }}
@media (min-width: 500px){.css-w5b5yi .sectionsContainer { max-width: 452px; }}
@media (min-width: 500px){.css-xqcg3d .cleanAirBlock { max-width: 452px; }}
@media (min-width: 500px){.css-1jy8v66 { max-width: 452px; }}
@media (min-width: 500px){.css-rlanxv .buyWrapper { max-width: 452px; }}
@media (min-width: 500px){.css-17rg2x4 .textContent { max-width: 452px; }}
@media (min-width: 600px){.css-yp3o31 { min-width: 48px; }}
@media (min-width: 768px){.css-mrerxt .subHeaderFixed { padding-left: 48px; padding-right: 48px; }}
@media (min-width: 768px){.css-cqizqp .LinkItemContent { gap: 24px; margin-left: -48px; padding-left: 48px; margin-right: -48px; padding-right: 48px; }}
@media (min-width: 768px){.css-y0e8ko .textContainer { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-icfatl { max-width: none; width: 672px; }}
@media (min-width: 768px){.css-6wnn7e { grid-template-columns: repeat(2, 1fr); }}
@media (min-width: 768px){.css-13mgfdc { grid-column: span 2; }}
@media (min-width: 768px){.css-v6e4o2 .stickyBgContainer .textContainer .title, .css-v6e4o2 .stickyBgContainer .textContainer .desc { width: 500px; }}
@media (min-width: 768px){.css-cn5xx4 { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-cn5xx4 { max-width: 672px; }}
@media (min-width: 768px){.css-cn5xx4.useMobilePadding { width: 100%; }}
@media (min-width: 768px){.css-1656dxe { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1656dxe.useMobilePadding { width: 100%; }}
@media (min-width: 768px){.css-xhk5d4 .swiper { padding-left: calc(-336px + 50vw); padding-right: calc(-336px + 50vw); }}
@media (min-width: 768px){.css-3n1b0m { width: 672px; height: 360px; }}
@media (min-width: 768px){.css-54x79m { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-nr3jbu .innerContainer { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-nr3jbu .innerContainer { width: 100%; }}
@media (min-width: 768px){.css-1unpy2e .innerContainer { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-dw6zwb { flex-flow: wrap; column-gap: 18px; -webkit-box-pack: start; justify-content: flex-start; }}
@media (min-width: 768px){.css-dw6zwb .featureItem { width: 327px; }}
@media (min-width: 768px){.css-14fftdf .swiper { padding-left: calc(-336px + 50vw); padding-right: calc(-336px + 50vw); }}
@media (min-width: 768px){.css-12jc07u .innerContainer { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-bgnvk9 .midPicWrapper { width: 327px; }}
@media (min-width: 768px){.css-bgnvk9 .textItem { width: 500px; }}
@media (min-width: 768px){.css-lzdmht .cardPicWrapper { width: 672px; }}
@media (min-width: 768px){.css-lzdmht .cardContent { width: 500px; max-width: 500px; }}
@media (min-width: 768px){.css-1u0unp4 { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1u0unp4 .gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: unset; }}
@media (min-width: 768px){.css-14m1tlq { grid-template-rows: 1fr 1fr; height: 493px; }}
@media (min-width: 768px){.css-1jziyog { grid-row: span 2; }}
@media (min-width: 768px){.css-b9i5f6 { grid-template-rows: 1fr 260px; height: 582px; }}
@media (min-width: 768px){.css-1m4108 { grid-column: span 2; }}
@media (min-width: 768px){.css-1dvk445 .s1-picGroup { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1dvk445 .s1-picGroup .pic { width: 100%; margin-left: 0px; }}
@media (min-width: 768px){.css-1al1luc { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1al1luc { max-width: 672px; }}
@media (min-width: 768px){.css-1al1luc.useMobilePadding { width: 100%; }}
@media (min-width: 768px){.css-dpnrgh { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-dpnrgh { max-width: 672px; }}
@media (min-width: 768px){.css-dpnrgh.useMobilePadding { width: 100%; }}
@media (min-width: 768px){.css-rb8bef .sectionContent { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-rb8bef .comparePic { width: 100%; margin-left: 0px; }}
@media (min-width: 768px){.css-rb8bef .compareUI { width: 500px; overflow: hidden; }}
@media (min-width: 768px){.css-rb8bef .compareUI .innerBox { width: 242px; height: 160px; }}
@media (min-width: 768px){.css-192dayb .s3-blocksContainer { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1av6dlu .sectionContent { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-w5b5yi .sectionsContainer { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1hqvwl6 .s2-blocks { flex-direction: row; -webkit-box-pack: center; justify-content: center; align-items: flex-start; gap: 24px; }}
@media (min-width: 768px){.css-1hqvwl6 .s2-block { flex: 1 1 0%; }}
@media (min-width: 768px){.css-1hqvwl6 .s2-divider { align-self: center; display: block; width: 1px; height: 90px; background-color: rgb(148, 148, 148); flex-shrink: 0; }}
@media (min-width: 768px){.css-xqcg3d .cleanAirBlock { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-1q1okhd .swiper { padding-left: calc(-336px + 50vw); padding-right: calc(-336px + 50vw); }}
@media (min-width: 768px){.css-1jy8v66 { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-lcsd1i .scrollWrapper { max-width: 672px; margin: 0px auto; padding: 0px; }}
@media (min-width: 768px){.css-lcsd1i .stickyInner { max-width: 672px; }}
@media (min-width: 768px){.css-lcsd1i .stickyLinks { flex-direction: row; gap: var(--Content-Gap-4); }}
@media (min-width: 768px){.css-lcsd1i .stickyAnchors { gap: var(--Content-Gap-4); }}
@media (min-width: 768px){.css-lcsd1i .anchorTabs { align-self: center; }}
@media (min-width: 768px){.css-lcsd1i .productPic { max-width: 328px; height: 180px; }}
@media (min-width: 768px){.css-lcsd1i .productPicImg img { transform: translate(-50%, -50%); }}
@media (min-width: 768px){.css-rlanxv .buyWrapper { width: 100%; max-width: 672px; }}
@media (min-width: 768px){.css-17rg2x4 .textContent { width: 100%; max-width: 672px; }}
@media (min-width: 1025px){.css-1qjpx9t { height: 42px; min-width: 180px; font-size: 16px; }}
@media (min-width: 1025px){.css-mrerxt .subHeaderFixed { padding-left: 40px; padding-right: 40px; }}
@media (min-width: 1025px){.css-1g16grf { -webkit-box-pack: justify; justify-content: space-between; }}
@media (min-width: 1025px){.css-1g16grf:hover { color: rgb(245, 245, 245); }}
@media (min-width: 1025px){.css-cqizqp { -webkit-box-pack: justify; justify-content: space-between; }}
@media (min-width: 1025px){.css-cqizqp .title { font-size: 20px; display: block; }}
@media (min-width: 1025px){.css-cqizqp .LinkItemContent { gap: 60px; flex: 0 1 auto; margin-left: 0px; padding-left: 0px; }}
@media (min-width: 1025px){.css-1p6dyvl .buy { margin-left: 60px; }}
@media (min-width: 1025px){.css-1p6dyvl .buy .buyButton { height: 32px; min-width: 80px; padding: 5px 6px; }}
@media (min-width: 1025px){.css-y0e8ko .textContainer { max-width: 1014px; }}
@media (min-width: 1025px){.css-y0e8ko { height: 600px; }}
@media (min-width: 1025px){.css-y0e8ko .textContainer .textContent { width: 498px; padding: 0px; text-align: left; height: 100%; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; max-width: 800px; }}
@media (min-width: 1025px){.css-1wdy9lo { height: 42px; min-width: 180px; font-size: 16px; }}
@media (min-width: 1025px){.css-icfatl { width: 1024px; }}
@media (min-width: 1025px){.css-icfatl .highlightTitle { width: 842px; }}
@media (min-width: 1025px){.css-6wnn7e { grid-template-columns: repeat(3, 1fr); }}
@media (min-width: 1025px){.css-6wnn7e { grid-template-columns: 283px 111px 283px 283px; grid-template-rows: 255px 236px 255px; }}
@media (min-width: 1025px){.css-pj5avp { grid-area: span 2 / span 2; }}
@media (min-width: 1025px){.css-7ueqve { grid-row-start: 3; grid-column: 2 / 4; }}
@media (min-width: 1025px){.css-v6e4o2 .stickyBgContainer .textContainer .title, .css-v6e4o2 .stickyBgContainer .textContainer .desc { width: 842px; }}
@media (min-width: 1025px){.css-cn5xx4 { max-width: 1014px; }}
@media (min-width: 1025px){.css-cn5xx4 { max-width: 842px; }}
@media (min-width: 1025px){.css-1ram145.layout-left, .css-1ram145.layout-right { flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: var(--Content-Gap-10); }}
@media (min-width: 1025px){.css-1ram145.layout-left .sectionTitle, .css-1ram145.layout-right .sectionTitle { width: 304px; text-align: left; align-items: flex-start; }}
@media (min-width: 1025px){.css-1ram145.layout-right { flex-direction: row-reverse; }}
@media (min-width: 1025px){.css-1656dxe { max-width: 1014px; }}
@media (min-width: 1025px){.css-1656dxe { max-width: 842px; }}
@media (min-width: 1025px){.css-xhk5d4 .swiper { padding-left: calc(-507px + 50vw); padding-right: calc(-507px + 50vw); }}
@media (min-width: 1025px){.css-xhk5d4 .swiper-pagination { margin-top: 16px; }}
@media (min-width: 1025px){.css-3n1b0m { width: 756px; height: 445px; }}
@media (min-width: 1025px){.css-3n1b0m .mw1CardInfo { padding: var(--Content-Gap-7) var(--Content-Gap-8); }}
@media (min-width: 1025px){.css-3n1b0m .avatar { width: 48px; height: 48px; }}
@media (min-width: 1025px){.css-15lgq46 .marqueeRow2 { transform: translateX(-212px); }}
@media (min-width: 1025px){.css-15lgq46 .mwPicCard { width: 412px; height: 254px; }}
@media (min-width: 1025px){.css-54x79m { max-width: 1014px; }}
@media (min-width: 1025px){.css-1fchqcx { height: 439px; }}
@media (min-width: 1025px){.css-1fchqcx .exploreBtn { padding: 12px 12px 12px 18px; }}
@media (min-width: 1025px){.css-nr3jbu .innerContainer { max-width: 1014px; }}
@media (min-width: 1025px){.css-nr3jbu { height: 1400px; align-items: flex-start; }}
@media (min-width: 1025px){.css-nr3jbu .bgContent { width: 2560px; height: 1400px; }}
@media (min-width: 1025px){.css-nr3jbu .textContainer { width: 498px; max-width: 588px; margin: 0px 0px 0px auto; }}
@media (min-width: 1025px){.css-1unpy2e .innerContainer { max-width: 1014px; }}
@media (min-width: 1025px){.css-1unpy2e .blockHeader { max-width: 960px; margin: 0px; }}
@media (min-width: 1025px){.css-dw6zwb { -webkit-box-pack: start; justify-content: flex-start; column-gap: 104px; }}
@media (min-width: 1025px){.css-dw6zwb .featureItem { width: 412px; }}
@media (min-width: 1025px){.css-14fftdf .swiper { padding-left: calc(-507px + 50vw); padding-right: calc(-507px + 50vw); }}
@media (min-width: 1025px){.css-14fftdf .swiper-pagination { margin-top: 16px; }}
@media (min-width: 1025px){.css-14fftdf .swiper-slide { width: 498px; height: 381px; }}
@media (min-width: 1025px){.css-12jc07u .innerContainer { max-width: 1014px; }}
@media (min-width: 1025px){.css-bgnvk9 .midSection { flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; height: 508px; -webkit-box-align: stretch; align-items: stretch; }}
@media (min-width: 1025px){.css-bgnvk9 .midPicWrapper { width: 498px; height: 508px; order: unset; flex-shrink: 0; margin-bottom: 0px; }}
@media (min-width: 1025px){.css-bgnvk9 .item1 { order: unset; width: auto; flex: 1 1 0%; align-self: flex-start; padding-top: var(--Section-Gap-1); }}
@media (min-width: 1025px){.css-bgnvk9 .item2 { order: unset; width: auto; flex: 1 1 0%; align-self: flex-end; padding-bottom: var(--Section-Gap-1); }}
@media (min-width: 1025px){.css-lzdmht .compareCard { position: relative; flex-direction: row; -webkit-box-pack: center; justify-content: center; min-height: var(--vh100-fixedTop); }}
@media (min-width: 1025px){.css-lzdmht .compareCard .innerContainer { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }}
@media (min-width: 1025px){.css-lzdmht .compareCardWrapper.is-sequence .compareCard { position: sticky; }}
@media (min-width: 1025px){.css-lzdmht .cardPicWrapper { width: 672px; flex-shrink: 0; }}
@media (min-width: 1025px){.css-lzdmht .cardContent { width: 234px; flex-shrink: 0; }}
@media (min-width: 1025px){.css-lzdmht .actionButton .btnIcon { font-size: 40px; }}
@media (min-width: 1025px){.css-1u0unp4 { max-width: 1014px; }}
@media (min-width: 1025px){.css-1u0unp4 .contentBlock .subSectionTitle { width: 304px; }}
@media (min-width: 1025px){.css-1u0unp4 .gallery { width: 670px; }}
@media (min-width: 1025px){.css-1dvk445 .s1-picGroup { max-width: 1014px; }}
@media (min-width: 1025px){.css-1dvk445 .s1-picGroup { max-width: 1014px; gap: 140px; }}
@media (min-width: 1025px){.css-1dvk445 .s1-picGroup .pic { width: 670px; height: 440px; flex-shrink: 0; margin-left: 0px; }}
@media (min-width: 1025px){.css-1dvk445 .s1-video { width: 100%; height: 600px; }}
@media (min-width: 1025px){.css-1al1luc { max-width: 1014px; }}
@media (min-width: 1025px){.css-1al1luc { max-width: 842px; }}
@media (min-width: 1025px){.css-1r78a7a.layout-left, .css-1r78a7a.layout-right { flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 104px; }}
@media (min-width: 1025px){.css-1r78a7a.layout-left .subSectionTitle, .css-1r78a7a.layout-right .subSectionTitle { width: 240px; text-align: left; align-items: flex-start; }}
@media (min-width: 1025px){.css-1r78a7a.layout-right { flex-direction: row-reverse; }}
@media (min-width: 1025px){.css-dpnrgh { max-width: 1014px; }}
@media (min-width: 1025px){.css-dpnrgh { max-width: 842px; }}
@media (min-width: 1025px){.css-rb8bef .sectionContent { max-width: 1014px; }}
@media (min-width: 1025px){.css-rb8bef .s2-compareGroup { flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }}
@media (min-width: 1025px){.css-rb8bef .comparePic { width: 702px; height: 394px; margin-left: 0px; }}
@media (min-width: 1025px){.css-rb8bef .compareUI { width: 294px; height: auto; flex-direction: column; overflow: visible; padding: 0px; gap: 18px; }}
@media (min-width: 1025px){.css-rb8bef .compareUI .innerBox { width: 100%; height: 173px; padding: var(--Content-Gap-2) var(--Content-Gap-3); }}
@media (min-width: 1025px){.css-rb8bef .compareUI .innerBox-off { align-items: flex-start; }}
@media (min-width: 1025px){.css-rb8bef .compareUI .label { font-size: var(--Body-2-Size); line-height: var(--Body-2-Line-Height); }}
@media (min-width: 1025px){.css-rb8bef .compareUI .label-off { text-align: center; }}
@media (min-width: 1025px){.css-192dayb .s3-blocksContainer { max-width: 1014px; }}
@media (min-width: 1025px){.css-192dayb .s3-pic { height: 440px; }}
@media (min-width: 1025px){.css-1av6dlu .sectionContent { max-width: 1014px; }}
@media (min-width: 1025px){.css-1av6dlu .bottom-tag.tag-on { left: 25%; bottom: 24px; }}
@media (min-width: 1025px){.css-1av6dlu .bottom-tag.tag-off { left: 75%; bottom: 24px; }}
@media (min-width: 1025px){.css-19d5wj6 .s1-picWrap { height: 440px; }}
@media (min-width: 1025px){.css-19d5wj6 .s1-tag { top: 24px; left: 22.5px; transform: none; }}
@media (min-width: 1025px){.css-19d5wj6 .s1-tag.s1-tag-other { top: 24px; left: calc(50% + 22px); }}
@media (min-width: 1025px){.css-19d5wj6 .s1-picFooter { padding: 24px 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 27.55%, rgb(0, 0, 0) 76.39%); }}
@media (min-width: 1025px){.css-yf256m { max-width: 842px; }}
@media (min-width: 1025px){.css-1eghb7e .s2-pic2Wrap { width: 670px; height: 440px; flex-shrink: 0; }}
@media (min-width: 1025px){.css-pv705f { padding-top: 0px; height: 440px !important; }}
@media (min-width: 1025px){.css-1avjwag .s3-picWrap { height: 440px; }}
@media (min-width: 1025px){.css-w5b5yi .sectionsContainer { max-width: 1014px; }}
@media (min-width: 1025px){.css-oj9nvi .s1-picWrap { height: 439px; }}
@media (min-width: 1025px){.css-oj9nvi .tabBar { width: 100%; -webkit-box-pack: center; justify-content: center; }}
@media (min-width: 1025px){.css-oj9nvi .tabBar .MuiTabs-flexContainer { -webkit-box-pack: center; justify-content: center; }}
@media (min-width: 1025px){.css-1hqvwl6 .s2-picWrap { height: 439px; }}
@media (min-width: 1025px){.css-1hqvwl6 .s2-blocks { max-width: 842px; gap: var(--Section-Gap-1); }}
@media (min-width: 1025px){.css-xqcg3d .cleanAirBlock { max-width: 1014px; }}
@media (min-width: 1025px){.css-xqcg3d .cleanAirPic { height: 439px; }}
@media (min-width: 1025px){.css-1q1okhd .swiper { padding-left: calc(-507px + 50vw); padding-right: calc(-507px + 50vw); }}
@media (min-width: 1025px){.css-1q1okhd .swiper-pagination { margin-top: 16px; }}
@media (min-width: 1025px){.css-1q1okhd .swiper-slide { width: 584px; }}
@media (min-width: 1025px){.css-1q1okhd .cardPic { height: 440px; }}
@media (min-width: 1025px){.css-1jy8v66 { max-width: 1014px; }}
@media (min-width: 1025px){.css-1jy8v66 .updatesPic { height: 371px; }}
@media (min-width: 1025px){.css-lcsd1i.limitColumns { --col-count: 3; }}
@media (min-width: 1025px){.css-lcsd1i.limitColumns .compareGrid > div:nth-of-type(3n) { display: flex; }}
@media (min-width: 1025px){.css-lcsd1i .scrollWrapper { max-width: 1014px; }}
@media (min-width: 1025px){.css-lcsd1i .stickyInner { max-width: 1014px; }}
@media (min-width: 1025px){.css-lcsd1i .productPic { max-width: 326px; height: 221px; }}
@media (min-width: 1025px){.css-lcsd1i .printerSelect { min-width: 220px; }}
@media (min-width: 1025px){.css-lcsd1i .buyBtn { width: 180px; min-width: 160px; max-width: 260px; }}
@media (min-width: 1025px){.css-lcsd1i .specCheck { font-size: 32px; }}
@media (min-width: 1025px){.css-lcsd1i .specCheck .customIcon { font-size: 60px; }}
@media (min-width: 1025px){.css-lcsd1i .specCheck .customImgIcon { width: 60px; height: 60px; }}
@media (min-width: 1025px){.css-lcsd1i .toggleSwitch { box-sizing: border-box; width: 38px; height: 24px; padding: 3px; }}
@media (min-width: 1025px){.css-lcsd1i .anchorTab:hover { color: rgb(26, 26, 26); }}
@media (min-width: 1025px){.css-rlanxv .buyWrapper { max-width: 1014px; }}
@media (min-width: 1025px){.css-rlanxv .buyWrapper { max-width: 1014px; height: 456px; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: 0px 86px; }}
@media (min-width: 1025px){.css-rlanxv .buyContent { align-items: flex-start; text-align: left; gap: var(--Content-Gap-7); width: 486px; }}
@media (min-width: 1025px){.css-rlanxv .buyTextBlock { gap: var(--Content-Gap-3); align-items: flex-start; }}
@media (min-width: 1025px){.css-rlanxv .buyBtns { gap: var(--Content-Gap-3); }}
@media (min-width: 1025px){.css-rlanxv .buyNowBtn { width: 180px; }}
@media (min-width: 1025px){.css-rlanxv .showcaseBtn { width: 180px; }}
@media (min-width: 1025px){.css-17rg2x4 .textContent { max-width: 1014px; }}
@media (min-width: 1025px){.css-17rg2x4 .textContent { padding: 40px 0px; }}
@media (min-width: 1440px){.css-y0e8ko .textContainer { max-width: 1200px; }}
@media (min-width: 1440px){.css-y0e8ko { height: 800px; }}
@media (min-width: 1440px){.css-y0e8ko .textContainer .textContent { padding-left: 0px; width: 588px; }}
@media (min-width: 1440px){.css-icfatl { width: 1200px; }}
@media (min-width: 1440px){.css-icfatl .highlightTitle { width: 960px; }}
@media (min-width: 1440px){.css-6wnn7e { grid-template-columns: 333px 129px 333px 333px; grid-template-rows: 300px 276px 300px; }}
@media (min-width: 1440px){.css-v6e4o2 .stickyBgContainer .textContainer .title, .css-v6e4o2 .stickyBgContainer .textContainer .desc { width: 960px; }}
@media (min-width: 1440px){.css-cn5xx4 { max-width: 1200px; }}
@media (min-width: 1440px){.css-cn5xx4 { max-width: 960px; }}
@media (min-width: 1440px){.css-1ram145.layout-left .sectionTitle, .css-1ram145.layout-right .sectionTitle { width: 360px; }}
@media (min-width: 1440px){.css-1656dxe { max-width: 1200px; }}
@media (min-width: 1440px){.css-1656dxe { max-width: 960px; }}
@media (min-width: 1440px){.css-xhk5d4 .swiper { padding-left: calc(-600px + 50vw); padding-right: calc(-600px + 50vw); }}
@media (min-width: 1440px){.css-xhk5d4 .swiper-pagination { margin-top: 20px; }}
@media (min-width: 1440px){.css-3n1b0m { width: 894px; height: 520px; }}
@media (min-width: 1440px){.css-3n1b0m .avatar { width: 56px; height: 56px; }}
@media (min-width: 1440px){.css-15lgq46 .marqueeRow2 { transform: translateX(-249px); }}
@media (min-width: 1440px){.css-15lgq46 .mwPicCard { width: 486px; height: 300px; }}
@media (min-width: 1440px){.css-54x79m { max-width: 1200px; }}
@media (min-width: 1440px){.css-1fchqcx { height: 520px; }}
@media (min-width: 1440px){.css-1fchqcx .exploreBtn { padding: 13px 16px 13px 24px; }}
@media (min-width: 1440px){.css-1fchqcx .arrowIcon { font-size: 30px; }}
@media (min-width: 1440px){.css-nr3jbu .innerContainer { max-width: 1200px; }}
@media (min-width: 1440px){.css-nr3jbu .textContainer { width: 588px; }}
@media (min-width: 1440px){.css-1unpy2e .innerContainer { max-width: 1200px; }}
@media (min-width: 1440px){.css-dw6zwb { -webkit-box-pack: start; justify-content: flex-start; column-gap: 126px; }}
@media (min-width: 1440px){.css-dw6zwb .featureItem { width: 486px; }}
@media (min-width: 1440px){.css-14fftdf .swiper { padding-left: calc(-600px + 50vw); padding-right: calc(-600px + 50vw); }}
@media (min-width: 1440px){.css-14fftdf .swiper-pagination { margin-top: 20px; }}
@media (min-width: 1440px){.css-14fftdf .swiper-slide { width: 588px; height: 450px; }}
@media (min-width: 1440px){.css-12jc07u .innerContainer { max-width: 1200px; }}
@media (min-width: 1440px){.css-bgnvk9 .midSection { height: 600px; }}
@media (min-width: 1440px){.css-bgnvk9 .midPicWrapper { width: 588px; height: 600px; }}
@media (min-width: 1440px){.css-bgnvk9 .item1, .css-bgnvk9 .item2 { width: 306px; }}
@media (min-width: 1440px){.css-lzdmht .cardPicWrapper { width: 894px; height: 600px; }}
@media (min-width: 1440px){.css-lzdmht .cardContent { width: 272px; }}
@media (min-width: 1440px){.css-1u0unp4 { max-width: 1200px; }}
@media (min-width: 1440px){.css-1u0unp4 .contentBlock .subSectionTitle { width: 360px; }}
@media (min-width: 1440px){.css-1u0unp4 .gallery { width: 792px; }}
@media (min-width: 1440px){.css-14m1tlq { grid-template-columns: 408px 1fr; height: 690px; }}
@media (min-width: 1440px){.css-b9i5f6 { height: 690px; }}
@media (min-width: 1440px){.css-1dvk445 .s1-picGroup { max-width: 1200px; }}
@media (min-width: 1440px){.css-1dvk445 .s1-picGroup .pic { width: 792px; height: 520px; }}
@media (min-width: 1440px){.css-1dvk445 .s1-video { width: 100%; height: 800px; }}
@media (min-width: 1440px){.css-1al1luc { max-width: 1200px; }}
@media (min-width: 1440px){.css-1al1luc { max-width: 960px; }}
@media (min-width: 1440px){.css-1r78a7a.layout-left, .css-1r78a7a.layout-right { gap: 126px; }}
@media (min-width: 1440px){.css-1r78a7a.layout-left .subSectionTitle, .css-1r78a7a.layout-right .subSectionTitle { width: 282px; }}
@media (min-width: 1440px){.css-dpnrgh { max-width: 1200px; }}
@media (min-width: 1440px){.css-dpnrgh { max-width: 960px; }}
@media (min-width: 1440px){.css-rb8bef .sectionContent { max-width: 1200px; }}
@media (min-width: 1440px){.css-rb8bef .comparePic { width: 836px; height: 470px; }}
@media (min-width: 1440px){.css-rb8bef .compareUI { width: 340px; gap: 24px; }}
@media (min-width: 1440px){.css-rb8bef .compareUI .innerBox { height: 200px; }}
@media (min-width: 1440px){.css-192dayb .s3-blocksContainer { max-width: 1200px; }}
@media (min-width: 1440px){.css-192dayb .s3-pic { height: 520px; }}
@media (min-width: 1440px){.css-1av6dlu .sectionContent { max-width: 1200px; }}
@media (min-width: 1440px){.css-19d5wj6 .s1-picWrap { height: 520px; }}
@media (min-width: 1440px){.css-yf256m { max-width: 960px; }}
@media (min-width: 1440px){.css-1eghb7e .s2-pic2Wrap { width: 792px; height: 520px; }}
@media (min-width: 1440px){.css-pv705f { height: 520px !important; }}
@media (min-width: 1440px){.css-1avjwag .s3-picWrap { height: 520px; }}
@media (min-width: 1440px){.css-w5b5yi .sectionsContainer { max-width: 1200px; }}
@media (min-width: 1440px){.css-oj9nvi .s1-picWrap { height: 520px; }}
@media (min-width: 1440px){.css-1hqvwl6 .s2-picWrap { height: 520px; }}
@media (min-width: 1440px){.css-1hqvwl6 .s2-blocks { max-width: 960px; gap: var(--Content-Gap-8); }}
@media (min-width: 1440px){.css-xqcg3d .cleanAirBlock { max-width: 1200px; }}
@media (min-width: 1440px){.css-xqcg3d .cleanAirPic { height: 520px; }}
@media (min-width: 1440px){.css-1q1okhd .swiper { padding-left: calc(-600px + 50vw); padding-right: calc(-600px + 50vw); }}
@media (min-width: 1440px){.css-1q1okhd .swiper-pagination { margin-top: 20px; }}
@media (min-width: 1440px){.css-1q1okhd .swiper-slide { width: 690px; }}
@media (min-width: 1440px){.css-1q1okhd .cardPic { height: 520px; }}
@media (min-width: 1440px){.css-1jy8v66 { max-width: 1200px; }}
@media (min-width: 1440px){.css-1jy8v66 .updatesPic { height: 440px; }}
@media (min-width: 1440px){.css-1008ey3 .compareAllLink { font-size: var(--Button-1-Size); line-height: var(--Button-1-Line-Height); }}
@media (min-width: 1440px){.css-lcsd1i .scrollWrapper { max-width: 1200px; }}
@media (min-width: 1440px){.css-lcsd1i .stickyInner { max-width: 1200px; }}
@media (min-width: 1440px){.css-lcsd1i .productPic { max-width: 384px; height: 260px; }}
@media (min-width: 1440px){.css-lcsd1i .printerSelect { min-width: 260px; }}
@media (min-width: 1440px){.css-lcsd1i .buyBtn { width: 180px; }}
@media (min-width: 1440px){.css-rlanxv .buyWrapper { max-width: 1200px; }}
@media (min-width: 1440px){.css-rlanxv .buyWrapper { max-width: 1200px; height: 540px; padding: 0px 102px; }}
@media (min-width: 1440px){.css-17rg2x4 .textContent { max-width: 1200px; }}
@media (min-width: 1440px){.css-17rg2x4 .textContent { padding: 60px 0px; }}
@media (min-width: 2560px){.css-y0e8ko { height: 31.25vw; }}