#TopPromoBar { display: none !important; } nav[aria-labelledby="footer-nav-label"] .ro-trim-footer-section, nav[aria-labelledby="footer-nav-label"] [class*="DesktopGridColumn-sc-"].ro-trim-footer-section, nav[aria-labelledby="footer-nav-label"] [class*="Item-sc-69070ccd"].ro-trim-footer-section, nav[aria-labelledby="footer-nav-label"] [class*="ItemWrapper-sc-69070ccd"].ro-trim-footer-section { display: none !important; } nav[aria-labelledby="footer-nav-label"] [class*="DesktopGridColumn-sc-"].ro-footer-slot-hidden { display: none !important; } #ro-video-fallback-modal { backdrop-filter: blur(3px); position: fixed !important; inset: 0px !important; z-index: 10050 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background: rgba(0, 0, 0, 0.35) !important; padding: 1rem !important; pointer-events: auto !important; } #ro-video-fallback-modal video { aspect-ratio: 9 / 16; width: min(94vw, 28rem) !important; height: auto !important; max-height: min(84vh, 44rem) !important; background: rgb(0, 0, 0) !important; border-radius: 1rem !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 64px !important; pointer-events: auto !important; } #ro-video-fallback-modal .ro-video-fallback-title { color: rgb(255, 255, 255) !important; font-size: 1.125rem !important; line-height: 1.4 !important; text-align: center !important; max-width: 40rem !important; margin: 0px 0px 1rem !important; } #ro-video-fallback-modal .ro-video-fallback-close { position: fixed !important; top: 0.75rem !important; right: 0.75rem !important; width: 2.5rem !important; height: 2.5rem !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.15) !important; color: rgb(255, 255, 255) !important; font-size: 1.5rem !important; line-height: 1 !important; cursor: pointer !important; z-index: 10051 !important; } html.ro-video-modal-open { overflow: hidden !important; } html.ro-video-modal-open body { overflow: hidden !important; } body > div:has(> [class*="FullVideo-sc-"]:not(#ro-video-fallback-modal *)), #main [class*="FullVideo-sc-"]:not(#ro-video-fallback-modal *) { display: none !important; } @media (min-width: 960px) { nav[aria-labelledby="footer-nav-label"] [class*="Grid-sc-"]:has([class*="DesktopGridColumn-sc-"].ro-footer-support-col) { display: flex !important; flex-flow: row !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 2.5rem 3rem !important; width: 100% !important; } nav[aria-labelledby="footer-nav-label"] [class*="DesktopGridColumn-sc-"].ro-footer-support-col, nav[aria-labelledby="footer-nav-label"] [class*="DesktopGridColumn-sc-"].ro-footer-tools-col, nav[aria-labelledby="footer-nav-label"] [class*="DesktopGridColumn-sc-"].ro-footer-legal-col { min-width: 0px !important; flex: 0 0 auto !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-tools-list { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.35rem 1.25rem !important; margin-top: 0.75rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-tools-list > [class*="NavItem-sc-"] { padding-bottom: 0.35rem !important; } } nav[aria-labelledby="footer-nav-label"] .ro-footer-support-col { flex: 0 1 12rem !important; min-width: 10rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-tools-col { flex: 1 1 18rem !important; min-width: 16rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-col { flex: 1 1 18rem !important; min-width: 16rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-tools-list { list-style: none !important; padding: 0px !important; margin: 0px 0px 0.75rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-bar { display: flex !important; flex-flow: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0.75rem 1.5rem !important; width: 100% !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-inline { display: flex !important; flex-flow: wrap !important; align-items: center !important; gap: 1rem 2rem !important; list-style: none !important; padding: 0px !important; margin: 0px !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-privacy-choices { margin-left: auto !important; flex: 0 0 auto !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-bottom { width: 100% !important; margin-bottom: 1.25rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-bottom .ro-footer-legal-bar { flex-direction: column !important; align-items: flex-start !important; gap: 0.5rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-bottom .ro-footer-privacy-choices { margin-left: 0px !important; margin-top: 0.25rem !important; } nav[aria-labelledby="footer-nav-label"].ro-footer-links-only [class*="DesktopGridColumn-sc-"], nav[aria-labelledby="footer-nav-label"].ro-footer-links-only [class*="MobileGridColumn-sc-"], nav[aria-labelledby="footer-nav-label"].ro-footer-links-only .ro-footer-legal-bottom, nav[aria-labelledby="footer-nav-label"].ro-footer-links-only [class*="LogosWrapper-sc-"], nav[aria-labelledby="footer-nav-label"].ro-footer-links-only [class*="Copyright-sc-"], nav[aria-labelledby="footer-nav-label"].ro-footer-links-only [class*="LegitScript"], nav[aria-labelledby="footer-nav-label"].ro-footer-links-only img[alt*="LegitScript"] { display: none !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-row { width: 100%; padding: 1.25rem 0px 0.5rem; box-sizing: border-box; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list { width: max-content; max-width: 100%; display: flex !important; flex-flow: row !important; align-items: center !important; justify-content: center !important; gap: 0.35rem 1.75rem !important; list-style: none !important; padding: 0px !important; margin: 0px auto !important; } @media (min-width: 960px) { nav[aria-labelledby="footer-nav-label"] .ro-footer-links-row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 0.35rem 1.75rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list-top, nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list-bottom { display: contents !important; } } @media (max-width: 959px) { nav[aria-labelledby="footer-nav-label"] .ro-footer-links-row { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list { justify-content: center !important; gap: 0.5rem 1rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list-top, nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list-bottom { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; width: max-content !important; max-width: 100% !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list a { font-size: 0.8125rem !important; } } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list > [class*="NavItem-sc-"] { padding: 0px !important; margin: 0px !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list a { opacity: 0.88; white-space: nowrap; color: inherit !important; text-decoration: none !important; font-size: 0.875rem !important; line-height: 1.4 !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-links-list a:hover { opacity: 1; text-decoration: underline !important; } @media (max-width: 959px) { nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-bar { flex-direction: column !important; align-items: flex-start !important; gap: 0.75rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-inline { flex-direction: column !important; align-items: flex-start !important; gap: 0.5rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-privacy-choices { margin-left: 0px !important; margin-top: 0.25rem !important; } } #main .ro-trim-home-disclaimer { display: none !important; } #main a.ro-trim-isi-link, #main a[class*="IsiLink-sc-"] { display: none !important; } #main [class*="Wrapper-sc-6cb0247e"].ro-trim-category-tiles { display: none !important; } #main [class*="SectionWrapper-sc-"]:has([id^="categoryNav-"]) { display: none !important; } #main [class*="SectionWrapper-sc-"]:has(header[class*="Header-sc-8e39e1bf"] h2 br), #main [class*="SectionWrapper-sc-"].ro-trim-online-convenient { display: none !important; } html.ro-error-boundary #main { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; max-height: 0px !important; overflow: hidden !important; } html.ro-error-boundary #main h1 { display: none !important; } :root { --scrollbar-width: 0px; --container-width: calc(100vw - var(--scrollbar-width, 0px)); --page-container-max-width: 80rem; --page-container-padding: var(--grid-padding-mobile, 1.5rem); --color-text-on-light-primary: #1a1a1a; --color-surface-light: #ffffff; --top-navigation-desktop-height: 4rem; } html { background: rgb(245, 245, 245); text-size-adjust: 100%; } body { margin: 0px; background: var(--color-surface-light, #ffffff); color: var(--color-text-on-light-primary, #1a1a1a); font-family: "Ro Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; line-height: 1.5; } #main[class*="MainContainer-sc-"], #main > [class*="Content-sc-e8821721"] { background: var(--color-surface-light, #ffffff); } @media (min-width: 960px) { [class*="MainNav-sc-"] [class*="TopBar-sc-"] { align-items: center; justify-content: space-between; min-height: var(--top-navigation-desktop-height, 4rem); padding: 0.75rem var(--page-container-padding, 1.5rem); background: var(--color-surface-light, #ffffff); display: flex !important; } [class*="MainNav-sc-"] [class*="TopMenuList-sc-"] { display: flex !important; flex-flow: row !important; align-items: center !important; gap: 2.5rem !important; margin: 0px !important; padding: 0px !important; list-style: none !important; visibility: visible !important; height: auto !important; overflow: visible !important; } [class*="TopMenuList-sc-"] > button { appearance: none; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0.125rem 0.375rem; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; line-height: 1.25; color: var(--color-text-on-light-primary, #1a1a1a); cursor: pointer; white-space: nowrap; } [class*="MobileTopMenuHeader-sc-"], [class*="MobileOnlyChevron-sc-"], [class*="MobileOnlyButtonContainer-sc-"] { display: none !important; } [class*="TopMenu-sc-"] { display: block !important; position: static !important; background: transparent !important; } } html:not(.ro-nav-ready):not([data-ro-home="1"]) [class*="SubmenuContainer-sc-"], html:not(.ro-nav-ready):not([data-ro-home="1"]) [class*="SubmenuNav-sc-"], html:not(.ro-nav-ready):not([data-ro-home="1"]) [class*="SubmenuHeading-sc-"], html:not(.ro-nav-ready):not([data-ro-home="1"]) [class*="SubmenuLink-sc-"], html:not(.ro-nav-ready):not([data-ro-home="1"]) [class*="SubmenuColumn-sc-"] { display: none !important; } html:not(.ro-nav-ready) [class*="MainNav-sc-"] [class*="SubmenuContainer-sc-"] ~ *, html:not(.ro-nav-ready) [class*="MainNav-sc-"] ul[class*="Column-sc-"] { list-style: none !important; margin: 0px !important; padding: 0px !important; } html.ro-co-nav-trim [class*="SubmenuHeading-sc-"] { display: block !important; } html.ro-co-nav-trim [class*="SubmenuLink-sc-"], html.ro-co-nav-trim .ro-submenu-fallback-link { display: block !important; color: inherit !important; text-decoration: none !important; cursor: pointer !important; pointer-events: auto !important; } html.ro-co-nav-trim [class*="SubmenuItem-sc-"] { pointer-events: auto !important; } @media (min-width: 960px) { html.ro-co-nav-trim [class*="MainNav-sc-"] { position: relative !important; } html.ro-co-nav-trim #TopNavigation[class*="MainNav-sc-"], html.ro-co-nav-trim nav#TopNavigation { position: sticky !important; top: var(--main-nav-top-offset, 0rem) !important; left: 0px !important; right: 0px !important; transform: none !important; will-change: auto !important; } html.ro-co-nav-trim [class*="SpaceHolder-sc-4441b3bd-0"] { display: none !important; height: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; pointer-events: none !important; } html.ro-co-nav-trim [class*="SubmenuContainer-sc-"] { position: absolute !important; top: 100% !important; left: 0px !important; right: 0px !important; height: 0px !important; overflow: visible !important; margin: 0px !important; padding: 0px !important; } html.ro-co-nav-trim [class*="SubmenuContainer-sc-"] { position: absolute !important; top: 100% !important; left: 0px !important; right: 0px !important; height: 0px !important; overflow: visible !important; margin: 0px !important; padding: 0px !important; } html.ro-co-nav-trim [class*="SubmenuContainer-sc-"] { display: block !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; z-index: 40 !important; background: transparent !important; box-shadow: none !important; } html.ro-co-nav-trim [class*="SubmenuContainer-sc-"]::before { content: "" !important; position: absolute !important; top: -16px !important; left: 0px !important; right: 0px !important; height: 16px !important; pointer-events: none !important; } html.ro-co-nav-trim [class*="SubmenuContainer-sc-"] > .ro-submenu-panel { display: none !important; pointer-events: auto !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:focus-within) [class*="SubmenuContainer-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:focus-within) [class*="SubmenuContainer-sc-"] { visibility: visible !important; opacity: 1 !important; pointer-events: none !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index="0"]:hover) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="0"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index="0"]:hover) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="0"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index="1"]:hover) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="1"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index="1"]:hover) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="1"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index="0"]:focus-within) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="0"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index="0"]:focus-within) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="0"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index="1"]:focus-within) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="1"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index="1"]:focus-within) [class*="SubmenuContainer-sc-"] > [data-ro-panel-index="1"] { display: block !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] > .ro-submenu-tab-aligned, html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] > .ro-submenu-tab-aligned { width: max-content !important; max-width: min(42rem, -2rem + 100vw) !important; margin-left: var(--ro-submenu-tab-left, 0) !important; background: var(--color-surface-light, #fff) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; border-radius: 0px 0px 0.75rem 0.75rem !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 40px !important; padding-bottom: 0.25rem !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuNav-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuNav-sc-"] { display: none !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] > .ro-submenu-tab-aligned [class*="SubmenuNav-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] > .ro-submenu-tab-aligned [class*="SubmenuNav-sc-"] { display: none !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuColumns-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuColumns-sc-"] { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 2.5rem !important; width: 100% !important; padding: 0.75rem var(--page-container-padding, 4rem) 1.25rem !important; box-sizing: border-box !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] > .ro-submenu-tab-aligned [class*="SubmenuColumns-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] > .ro-submenu-tab-aligned [class*="SubmenuColumns-sc-"] { padding: 0.85rem 1.25rem 1rem !important; margin-left: 0px !important; width: max-content !important; max-width: min(40rem, calc(100vw - var(--ro-submenu-tab-left, 0px) - 1rem)) !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] ul[class*="Column-sc-c7b1e2c4"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] ul[class*="Column-sc-c7b1e2c4"] { display: block !important; flex: 0 1 auto !important; min-width: 11rem !important; list-style: none !important; margin: 0px !important; padding: 0px !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] ul[class*="Column-sc-c7b1e2c4"].ro-submenu-products-col, html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] ul[class*="Column-sc-c7b1e2c4"].ro-submenu-products-col { display: grid !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuHeading-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuHeading-sc-"] { display: block !important; visibility: visible !important; font-weight: 600 !important; margin-bottom: 0.5rem !important; } html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-tab-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuLink-sc-"], html.ro-co-nav-trim [class*="MainNav-sc-"]:has([data-ro-panel-index]:hover) [class*="SubmenuContainer-sc-"] [class*="SubmenuLink-sc-"] { display: block !important; } html.ro-co-nav-trim [class*="SubmenuColumns-sc-"].ro-submenu-optimized { align-items: flex-start !important; gap: 2.5rem 3.5rem !important; } html.ro-co-nav-trim [class*="SubmenuColumns-sc-"].ro-submenu-wl .ro-submenu-see-all-col { display: none !important; } html.ro-co-nav-trim [class*="SubmenuColumns-sc-"].ro-submenu-wl .ro-submenu-products-col { flex: 1 1 28rem !important; min-width: 24rem !important; max-width: 38rem !important; } html.ro-co-nav-trim [class*="SubmenuColumns-sc-"].ro-submenu-sh .ro-submenu-products-col { flex: 0 1 34rem !important; min-width: 26rem !important; max-width: 40rem !important; } html.ro-co-nav-trim ul[class*="Column-sc-c7b1e2c4"].ro-submenu-products-col { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.35rem 2.5rem !important; align-content: start !important; } html.ro-co-nav-trim ul[class*="Column-sc-c7b1e2c4"].ro-submenu-products-col > [class*="SubmenuItem-sc-"]:first-child { grid-column: 1 / -1 !important; margin-bottom: 0.35rem !important; } html.ro-co-nav-trim ul[class*="Column-sc-c7b1e2c4"].ro-submenu-products-col [class*="SubmenuLink-sc-"] { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } } html:not(.ro-ready) [class*="Wrapper-sc-d9e72464-0"] [class*="StyledValueProps-sc-d9e72464-2"] { display: flex !important; flex-flow: wrap !important; align-items: flex-start !important; gap: 1rem 2rem !important; list-style: none !important; margin: 0px !important; padding: 0px !important; } html:not(.ro-ready) [class*="Wrapper-sc-d9e72464-0"] [class*="ListItem-sc-a9b00ddd-4"] { display: flex !important; list-style: none !important; margin: 0px !important; } html:not(.ro-ready) [class*="Wrapper-sc-d9e72464-0"] [class*="DesktopContainer-sc-a9b00ddd-2"] { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5rem !important; } @media (min-width: 960px) { html:not(.ro-ready) [class*="Wrapper-sc-d9e72464-0"] .rfm-marquee-container { display: none !important; } } @media (max-width: 959px) { html:not(.ro-ready) [class*="Wrapper-sc-d9e72464-0"] [class*="ValuePropsWrapper-sc-d9e72464-1"] > [class*="StyledValueProps-sc-d9e72464-2"] { display: none !important; } html:not(.ro-ready) [class*="Wrapper-sc-d9e72464-0"] .rfm-marquee-container > .rfm-marquee:nth-child(2) { display: none !important; } } @media (min-width: 1280px) { :root { --page-container-padding: var(--grid-padding-desktop, 4rem); } } @media (min-width: 960px) { html[data-ro-home="1"] [class*="CarouselWrapper-sc-8e39e1bf-6"] { overflow: visible !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Container-sc-b3780d6b-0"]:has([class*="CarouselWrapper-sc-8e39e1bf-6"]) { overflow: visible !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Wrapper-sc-8e39e1bf-0"] { max-width: var(--page-container-max-width, 80rem); margin-left: auto !important; margin-right: auto !important; overflow: clip visible !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="StyledCarousel-sc-8e39e1bf-7"] { overflow: visible !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Wrapper-sc-8e39e1bf-0"] > div:first-child [class*="Grid-sc-5c7aef7b-1"] { justify-items: center !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Wrapper-sc-8e39e1bf-0"] > div:first-child [class*="Column-sc-5c7aef7b-0"]:has([class*="Header-sc-8e39e1bf"]) { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; text-align: center !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Grid-sc-5c7aef7b-1"]:has([class*="Header-sc-8e39e1bf"]), html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Header-sc-8e39e1bf-1"] { text-align: center !important; align-items: center !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Wrapper-sc-8e39e1bf-0"] > div:last-child > [class*="Container-sc-b3780d6b-0"], html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Wrapper-sc-8e39e1bf-0"] > div:first-child > [class*="Container-sc-b3780d6b-0"]:not(:has([class*="CarouselWrapper-sc-8e39e1bf-6"])) { max-width: 42rem; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] .carousel-slider, html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Slider-sc-c23519fd-1"], html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-c23519fd-0"] .carousel-slider, html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-c23519fd-0"] [class*="Slider-sc-c23519fd-1"] { --viewport-size: calc(100vw - var(--scrollbar-width, 0px)) !important; --page-container-width: min(var(--viewport-size), var(--page-container-max-width, 80rem)) !important; --page-content-width: calc(var(--page-container-width) - var(--page-container-padding, 4rem)) !important; --max-viewport-size: min(var(--viewport-size), 120rem) !important; --page-content-margin: calc( (var(--max-viewport-size) - var(--page-content-width) + var(--page-container-padding, 4rem)) / 2 ) !important; width: var(--max-viewport-size) !important; max-width: var(--max-viewport-size) !important; margin-left: calc(var(--page-content-margin) * -1) !important; margin-right: 0px !important; padding-left: var(--page-content-margin) !important; padding-right: var(--page-content-margin) !important; scroll-padding-left: var(--page-content-margin) !important; scroll-padding-right: var(--page-content-margin) !important; justify-content: center !important; scrollbar-width: none !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] .carousel-slider::-webkit-scrollbar, html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Slider-sc-c23519fd-1"]::-webkit-scrollbar { display: none !important; width: 0px !important; height: 0px !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="SlideWrapper-sc-c23519fd-2"] { flex: 0 0 17.625rem !important; width: 17.625rem !important; min-width: 17.625rem !important; max-width: 17.625rem !important; height: auto !important; align-self: flex-start !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="SlideWrapper-sc-c23519fd-2"]:has([class*="Wrapper-sc-21d59c1f"]) { flex: 0 0 13.93rem !important; width: 13.93rem !important; min-width: 13.93rem !important; max-width: 13.93rem !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-21d59c1f"] { --card-width: 13.93rem !important; --card-min-width: 13.93rem !important; width: 13.93rem !important; min-width: 13.93rem !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-fc753720"], [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-7bf2598"] { --card-width: 17.625rem !important; --card-min-width: 17.625rem !important; width: 17.625rem !important; min-width: 17.625rem !important; height: auto !important; min-height: 0px !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="MainContent-sc-fc753720"], [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-fc753720-1"] { height: auto !important; min-height: 0px !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Wrapper-sc-221e323a-0"] { aspect-ratio: 1 / 1 !important; width: 100% !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="BackgroundMedia-sc-3ae32793-0"], [class*="CarouselWrapper-sc-8e39e1bf-6"] picture, [class*="CarouselWrapper-sc-8e39e1bf-6"] picture img, [class*="CarouselWrapper-sc-8e39e1bf-6"] img[class*="ImageElement"] { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; background: rgb(243, 240, 236) !important; } } [class*="VideoTestimonialsWrapper-sc-"] button[class*="Wrapper-sc-e8d9187d"] { position: relative !important; display: block !important; overflow: hidden !important; min-height: 16rem !important; } [class*="VideoTestimonialsWrapper-sc-"] [class*="Preview-sc-e8d9187d"], [class*="VideoTestimonialsWrapper-sc-"] [class*="Preview-sc-e8d9187d"] picture, [class*="VideoTestimonialsWrapper-sc-"] [class*="Preview-sc-e8d9187d"] img { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } @media (min-width: 960px) { [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="ControlsWrapper-sc-c23519fd"], [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Nav-sc-c23519fd"], [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="ProgressBarContainer-sc-c23519fd"] { display: flex !important; } [class*="Nav-sc-c23519fd"] [aria-label="Previous slide"]:not(:disabled), [class*="Nav-sc-c23519fd"] [aria-label="Next slide"]:not(:disabled) { pointer-events: auto !important; cursor: pointer !important; } [class*="Nav-sc-c23519fd"] [aria-label="Previous slide"]:disabled, [class*="Nav-sc-c23519fd"] [aria-label="Next slide"]:disabled { pointer-events: none !important; cursor: default !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="ControlsWrapper-sc-c23519fd"] { width: min(var(--page-container-max-width, 80rem), 100%) !important; max-width: var(--page-container-max-width, 80rem) !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--page-container-padding, 4rem) !important; padding-right: var(--page-container-padding, 4rem) !important; box-sizing: border-box !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Controls-sc-c23519fd-4"] { justify-content: center !important; width: 100% !important; } html[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="ProgressBarContainer-sc-c23519fd"] { flex: 0 1 12rem !important; max-width: 12rem !important; } html.ro-ready[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] .carousel-slider, html.ro-ready[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Slider-sc-c23519fd-1"] { width: var(--max-viewport-size) !important; max-width: var(--max-viewport-size) !important; margin-left: calc(var(--page-content-margin) * -1) !important; padding-left: var(--page-content-margin) !important; padding-right: var(--page-content-margin) !important; scroll-padding-left: var(--page-content-margin) !important; scroll-padding-right: var(--page-content-margin) !important; justify-content: center !important; } html.ro-ready[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Header-sc-8e39e1bf-1"] { align-items: center !important; text-align: center !important; } html.ro-ready[data-ro-home="1"] #main [class*="SectionWrapper-sc-"]:has([id^="rdsCardsSlider-"]) [class*="Wrapper-sc-8e39e1bf-0"] > div:first-child [class*="Column-sc-5c7aef7b-0"]:has([class*="Header-sc-8e39e1bf"]) { grid-column: 1 / -1 !important; } } @media (max-width: 959px) { html:not([data-ro-home="1"]), html:not([data-ro-home="1"]) body { overflow-x: clip; } html:not([data-ro-home="1"]) #main img[class*="ImageElement-sc-"]:not([class*="CarouselWrapper-sc-"] *) { max-width: 100% !important; height: auto !important; } [class*="Grid-sc-"]:not([class*="Overlay-sc-d8d6ad4a-0"] *, [class*="Content-sc-d8d6ad4a-2"] *) { row-gap: 0px; grid-template-columns: minmax(0px, 1fr) !important; column-gap: 0px !important; } [class*="Column-sc-"]:not([class*="Overlay-sc-d8d6ad4a-0"] *, [class*="Content-sc-d8d6ad4a-2"] *) { grid-column: 1 / -1 !important; min-width: 0px !important; width: 100% !important; max-width: 100% !important; } [class*="CarouselWrapper-sc-"] [class*="Slider-sc-"], [class*="CarouselWrapper-sc-"] .carousel-slider { width: 100% !important; max-width: 100% !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="SlideWrapper-sc-c23519fd-2"] { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } [class*="MobileTestimonialWrapper-sc-"]:not(:empty) { min-height: 36rem !important; position: relative !important; z-index: 3 !important; overflow: visible !important; } [class*="MobileTestimonialWrapper-sc-"] [class*="VideoTestimonialsWrapper-sc-"] { min-height: 36rem !important; overflow: visible !important; } [class*="MobileTestimonialWrapper-sc-"] button[class*="Wrapper-sc-e8d9187d"] { position: relative !important; z-index: 4 !important; pointer-events: auto !important; touch-action: manipulation !important; } [class*="MainContent-sc-1cc0c768"] { display: flex !important; flex-direction: column !important; } [class*="BlockquotesWrapper-sc-1cc0c768"] { position: relative !important; inset: auto !important; transform: none !important; margin-top: 1.25rem !important; z-index: 1 !important; pointer-events: none !important; } [class*="BlockquotesWrapper-sc-1cc0c768"] a, [class*="BlockquotesWrapper-sc-1cc0c768"] button { pointer-events: auto !important; } [class*="MobileTestimonialWrapper-sc-"] [class*="Preview-sc-e8d9187d"] img { width: 100% !important; height: auto !important; min-height: 12rem !important; object-fit: cover !important; } } @media (min-width: 960px) { [class*="Grid-sc-5c7aef7b-1"] { grid-template-columns: repeat(var(--grid-columns, 12), minmax(0, 1fr)); } } [class*="RoLogoContainer-sc-"] a > svg, [class*="RoLogoContainer-sc-"] svg, nav[aria-labelledby="footer-nav-label"] [class*="RoSymbol-sc-"], nav[aria-labelledby="footer-nav-label"] [class*="LogosWrapper-sc-"] svg { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden !important; pointer-events: none !important; } [class*="RoLogoContainer-sc-"] a:not(:has(.soco-text-logo))::before { content: "SOCO"; display: inline-block; font-family: "Ro Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: 17px; line-height: 17px; color: var(--color-text-on-light-primary, #1a1a1a); letter-spacing: 0.01em; } nav[aria-labelledby="footer-nav-label"] [class*="LogosWrapper-sc-"] a:not(:has(.soco-text-logo))::before { content: "SOCO"; display: inline-block; font-family: "Ro Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: 1.125rem; line-height: 1.2; color: var(--color-text-on-light-primary, #1a1a1a); } [class*="RoLogoContainer-sc-"] a { display: inline-flex !important; align-items: center !important; text-decoration: none !important; } .soco-text-logo { display: inline-block; font-family: "Ro Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-style: normal; color: var(--color-text-on-light-primary, #1a1a1a); letter-spacing: 0.01em; line-height: 1; white-space: nowrap; user-select: none; } .soco-text-logo--nav { font-size: 17px; height: 17px; line-height: 17px; } nav[aria-labelledby="footer-nav-label"] .soco-text-logo--footer { font-size: 1.125rem; line-height: 1.2; } @media (min-width: 960px) { [class*="TopBar-sc-4441b3bd-4"] { justify-content: space-between; align-items: center; height: var(--top-navigation-desktop-height, 4rem); padding: var(--paddings-padding-150, 0.75rem) 0; display: flex !important; } [class*="RoLogoContainer-sc-4441b3bd-5"] { order: 0; } [class*="TopMenuContainer-sc-4441b3bd-6"] { order: 1; margin: 0px; } [class*="MobileOnlyButtonContainer-sc-44630b1a-0"], [class*="MobileTopMenuHeader-sc-4441b3bd-8"], [class*="MobileOnlyChevron-sc-455b00e7-0"] { display: none !important; } [class*="TopMenu-sc-4441b3bd-9"] { display: block !important; position: static !important; inset: auto !important; background: transparent !important; padding: 0px !important; margin: 0px !important; overflow: visible !important; } [class*="RightIconContainer-sc-4441b3bd-7"] { align-items: center; gap: 1.5rem; order: 2; display: flex !important; } } [class*="TopMenuList-sc-"]:has(.ro-nav-home) > button:nth-child(n+4), [class*="TopMenuList-sc-"]:not(:has(.ro-nav-home)) > button:nth-child(n+3), [class*="SubmenuContainer-sc-"] > div:nth-child(n+3) { display: none !important; } .ro-nav-home { display: inline-flex; align-items: center; flex-shrink: 0; color: var(--color-text-on-light-primary, #1a1a1a); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; line-height: 1.25; text-decoration: none; white-space: nowrap; padding: 0.125rem 0.375rem; border-radius: 0.375rem; } .ro-nav-home:hover { opacity: 0.72; } .ro-nav-home[aria-current="page"] { font-weight: 600; } .ro-nav-cart { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--color-text-on-light-primary, #1a1a1a); text-decoration: none; line-height: 0; } .ro-nav-cart:hover { opacity: 0.72; } .ro-nav-cart svg { display: block; width: 24px; height: 24px; } @media (min-width: 960px) { html.ro-ready #topmenu, html.ro-ready [class*="TopMenu-sc-4441b3bd-9"], html.ro-ready [class*="TopMenuContainer-sc-"] { display: block !important; visibility: visible !important; } .ro-mobile-drawer-close { display: none !important; } html.ro-ready [class*="TopMenuList-sc-4441b3bd-11"] { display: flex !important; flex-flow: row !important; gap: 2.5rem !important; justify-content: center !important; align-items: center !important; max-height: none !important; min-height: 0px !important; overflow: visible !important; padding: 0px 0.5rem !important; margin: 0px !important; } html.ro-ready [class*="TopMenuList-sc-4441b3bd-11"]:has(.ro-nav-home) > button:nth-child(-n+3), html.ro-ready [class*="TopMenuList-sc-4441b3bd-11"]:not(:has(.ro-nav-home)) > button:nth-child(-n+2) { display: block !important; visibility: visible !important; } html.ro-ready [class*="TopMenuList-sc-"] > .ro-nav-home { display: inline-flex !important; visibility: visible !important; } html.ro-ready [class*="TopMenuList-sc-"] > .ro-lang-switcher { display: flex !important; align-items: center !important; align-self: center !important; flex-shrink: 0 !important; margin: 0px !important; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; width: auto !important; } html.ro-ready [class*="TopMenu-sc-4441b3bd-9"] { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 2.5rem !important; overflow: visible !important; } } .ro-lang-switcher { position: relative; flex-shrink: 0; } .ro-lang-trigger { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0px; padding: 0.125rem 0.375rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--color-text-on-light-primary, #1a1a1a); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; line-height: 1.25; cursor: pointer; border-radius: 0.375rem; white-space: nowrap; } .ro-lang-trigger:hover, .ro-lang-switcher.ro-lang-open .ro-lang-trigger { background: var(--color-surface-light-secondary, rgba(0, 0, 0, 0.04)); } .ro-lang-flag { font-size: 1.125rem; line-height: 1; } .ro-lang-label { font-size: 1rem; } .ro-lang-chevron { width: 0.45rem; height: 0.45rem; margin-left: 0.125rem; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg) translateY(-1px); opacity: 0.65; } .ro-lang-menu { position: absolute; top: calc(100% + 0.5rem); right: 0px; z-index: calc(var(--zIndex-mainMenu, 1000) + 5); min-width: 11rem; margin: 0px; padding: 0.375rem; list-style: none; background: var(--color-surface-light, #fff); border: 1px solid var(--color-border-subtle-1, rgba(0, 0, 0, 0.08)); border-radius: 0.75rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 0.75rem 1.5rem; } a[href*="spermkit"], li:has(a[href*="spermkit"]) { display: none !important; } .ro-lang-option { display: flex; align-items: center; gap: 0.625rem; padding: 0.625rem 0.75rem; border-radius: 0.5rem; cursor: pointer; color: var(--color-text-on-light-primary, #1a1a1a); } .ro-lang-option:hover, .ro-lang-option.ro-lang-option--active { background: var(--color-surface-light-secondary, rgba(0, 0, 0, 0.04)); } .ro-lang-switcher { visibility: visible; height: auto; overflow: visible; } @media (max-width: 959px) { nav[aria-labelledby="footer-nav-label"] [class*="DesktopGridColumn-sc-"] { display: none !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-tools-list { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.25rem 1rem !important; margin-bottom: 0.5rem !important; } nav[aria-labelledby="footer-nav-label"] .Collapsible__trigger { cursor: pointer !important; -webkit-tap-highlight-color: transparent; } nav[aria-labelledby="footer-nav-label"] [class*="Trigger-sc-efb06d4c"] { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 0.85rem 0px !important; } nav[aria-labelledby="footer-nav-label"] [class*="Item-sc-69070ccd"].ro-footer-open .Collapsible__contentOuter, nav[aria-labelledby="footer-nav-label"] .Collapsible__trigger.is-open + .Collapsible__contentOuter { height: auto !important; overflow: visible !important; } nav[aria-labelledby="footer-nav-label"] [class*="Item-sc-69070ccd"].ro-footer-open .Collapsible__contentOuter[hidden] { display: block !important; } nav[aria-labelledby="footer-nav-label"] [class*="Content-sc-69070ccd"] [class*="NavItem-sc-"] { display: list-item !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-bar { flex-direction: column !important; align-items: flex-start !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-legal-inline { flex-direction: column !important; align-items: flex-start !important; gap: 0.35rem !important; } nav[aria-labelledby="footer-nav-label"] .ro-footer-privacy-choices { margin-left: 0px !important; margin-top: 0.5rem !important; } html.ro-ready #topmenu[aria-expanded="false"] { display: none !important; } html.ro-mobile-drawer-open #topmenu[aria-expanded="true"] { display: flex !important; flex-direction: column !important; position: fixed !important; top: calc(var(--main-nav-top-offset, 0px) + 3.5rem) !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 1002 !important; background: var(--color-surface-light, #fff) !important; padding: 0.75rem 2rem 1.25rem !important; overflow-y: auto !important; overscroll-behavior: contain !important; } html.ro-mobile-drawer-open { overflow: hidden !important; } html.ro-mobile-drawer-open body { overflow: hidden !important; } html.ro-mobile-submenu-view #topmenu[aria-expanded="true"] { visibility: hidden !important; pointer-events: none !important; } html.ro-mobile-submenu-view [class*="SubmenuContainer-sc-"].ro-mobile-panel-open { display: flex !important; flex-direction: column !important; position: fixed !important; top: calc(var(--main-nav-top-offset, 0px) + 3.5rem) !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 1003 !important; background: var(--color-surface-light, #fff) !important; padding: 0.75rem 2rem 1.25rem !important; overflow-y: auto !important; overscroll-behavior: contain !important; } html.ro-mobile-submenu-view [class*="SubmenuContainer-sc-"].ro-mobile-panel-open > div { display: none !important; } html.ro-mobile-submenu-view [class*="SubmenuContainer-sc-"].ro-mobile-panel-open > div.ro-mobile-panel-active { display: block !important; } html.ro-mobile-submenu-view [class*="SubmenuNav-sc-"] { display: block !important; margin-bottom: 0.75rem !important; } html.ro-mobile-submenu-view [class*="SubmenuNav-sc-"] [class*="MobileOnlyButtonContainer-sc-"] { display: block !important; } html.ro-mobile-submenu-view [class*="SubmenuNav-sc-"] [class*="SubmenuHeading-sc-"] { display: block !important; text-align: center !important; font-weight: 600 !important; margin: 0px !important; } html.ro-mobile-submenu-view [id^="menu-"][id$="-tab"] { display: block !important; width: 100% !important; padding: 0px !important; } html.ro-mobile-submenu-view ul[class*="Column-sc-c7b1e2c4"].ro-submenu-products-col { display: block !important; width: 100% !important; min-width: 0px !important; max-width: none !important; } html.ro-mobile-submenu-view [class*="SubmenuLink-sc-"] { display: block !important; padding: 0.45rem 0px !important; } html.ro-mobile-drawer-open [class*="TopMenuList-sc-"] > button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 0.65rem 0px !important; border: 0px !important; background: transparent !important; text-align: left !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 1rem !important; color: var(--color-text-on-light-primary, #1a1a1a) !important; cursor: pointer !important; } html.ro-mobile-drawer-open [class*="MobileTopMenuHeader-sc-"] { display: block !important; margin-bottom: 0.75rem !important; } html.ro-ready #topmenu[aria-expanded="true"] [class*="TopMenuList-sc-"] > .ro-nav-home, html.ro-ready #topmenu[aria-expanded="true"] [class*="TopMenuList-sc-"] > .ro-nav-home-mobile { display: flex !important; visibility: visible !important; width: 100% !important; max-width: 100% !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; margin: 0px !important; padding: 0.5rem 0px !important; border: 0px !important; background: transparent !important; color: var(--color-text-on-light-primary, #1a1a1a) !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 1rem !important; line-height: 1.4 !important; text-align: left !important; cursor: pointer !important; } .ro-lang-switcher { width: 100%; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--color-border-subtle-1, rgba(0, 0, 0, 0.08)); } .ro-lang-trigger { width: 100%; justify-content: flex-start; padding: 0.5rem 0px; } .ro-lang-menu { position: static; width: 100%; margin-top: 0.5rem; box-shadow: none; } .ro-mobile-drawer-close { display: none; width: 100%; margin-top: 1.5rem; margin-bottom: 0.25rem; padding: 0.875rem 1rem; border: 1px solid var(--color-border-subtle-1, rgba(0, 0, 0, 0.14)); border-radius: 999px; background: var(--color-surface-light, #fff); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; font-weight: 500; line-height: 1.25; color: var(--color-text-on-light-primary, #1a1a1a); text-align: center; cursor: pointer; flex-shrink: 0; -webkit-tap-highlight-color: transparent; } .ro-mobile-drawer-close:active { background: var(--color-surface-light-secondary, rgba(0, 0, 0, 0.04)); } html.ro-mobile-drawer-open #topmenu[aria-expanded="true"] > .ro-mobile-drawer-close { display: block !important; margin-top: 1.5rem; } html.ro-mobile-submenu-view #topmenu[aria-expanded="true"] > .ro-mobile-drawer-close { display: none !important; } html.ro-mobile-submenu-view [class*="SubmenuContainer-sc-"].ro-mobile-panel-open > .ro-mobile-drawer-close { display: block !important; margin-top: 1.5rem; } } [class*="LinksList-sc-cb5ae65b"] { display: flex !important; flex-flow: wrap !important; align-items: center !important; gap: 0.75rem 2rem !important; list-style: none !important; margin: 0px !important; padding: 0.25rem 0px !important; } [class*="LinksList-sc-cb5ae65b"] > [class*="LinkLi-sc-cb5ae65b"] { list-style: none !important; margin: 0px !important; padding: 0px !important; } [class*="LinksList-sc-cb5ae65b"] a { text-decoration: none; color: inherit; } [class*="StickyContainer-sc-cb5ae65b"] { position: sticky; top: var(--top-navigation-desktop-height, 4rem); z-index: calc(var(--zIndex-mainMenu, 1000) - 1); background: var(--color-surface-light, #fff); } @media (max-width: 959px) { [class*="LinksList-sc-cb5ae65b"] { gap: 0.5rem 1.25rem !important; } [class*="StickyContainer-sc-cb5ae65b"] { top: 0px; } } [class*="Container-sc-42351d62-0"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) { position: relative !important; display: block !important; width: 100% !important; aspect-ratio: 9 / 16 !important; min-height: 18rem !important; overflow: hidden !important; } [class*="CarouselWrapper-sc-"].ro-single-video-carousel [class*="ControlsWrapper-sc-c23519fd"], [class*="CarouselWrapper-sc-"].ro-single-video-carousel [class*="Controls-sc-c23519fd-4"], [class*="CarouselWrapper-sc-"].ro-single-video-carousel [class*="Nav-sc-c23519fd"], [class*="CarouselWrapper-sc-"].ro-single-video-carousel [class*="ProgressBarContainer-sc-c23519fd"] { display: none !important; } [class*="CarouselWrapper-sc-"].ro-single-video-carousel [class*="Slider-sc-c23519fd-1"], [class*="CarouselWrapper-sc-"].ro-single-video-carousel .carousel-slider { justify-content: center !important; } [class*="CarouselWrapper-sc-"].ro-single-video-carousel [class*="SlideWrapper-sc-c23519fd-2"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) { margin: 0px auto !important; } video[class*="BackgroundMediaContainer-sc-42351d62"] { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; background: rgb(232, 228, 223) !important; } video[class*="BackgroundMediaContainer-sc-42351d62"][data-ro-video-deferred="1"] { background: linear-gradient(145deg, rgb(236, 232, 227) 0%, rgb(216, 210, 203) 100%) !important; } [class*="Container-sc-42351d62-0"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) [class*="InnerContainer-sc-42351d62"] { pointer-events: none; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; } [class*="Container-sc-42351d62-0"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) [class*="InnerContainer-sc-42351d62"] button, [class*="Container-sc-42351d62-0"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) [class*="InnerContainer-sc-42351d62"] [role="button"] { pointer-events: auto; } [class*="CarouselWrapper-sc-"]:has([class*="Container-sc-42351d62"]) [class*="SlideWrapper-sc-c23519fd-2"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) { flex: 0 0 17.625rem !important; width: 17.625rem !important; max-width: 17.625rem !important; height: auto !important; align-self: stretch !important; } @media (max-width: 959px) { [class*="CarouselWrapper-sc-"]:has([class*="Container-sc-42351d62"]) [class*="SlideWrapper-sc-c23519fd-2"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) { flex: 0 0 72vw !important; width: 72vw !important; max-width: 72vw !important; } [class*="Container-sc-42351d62-0"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) { min-height: 16rem !important; } } [class*="Overlay-sc-d8d6ad4a-0"] { backdrop-filter: blur(3px); position: fixed !important; inset: 0px !important; z-index: 9998 !important; background-color: rgba(0, 0, 0, 0.35) !important; } html.ro-video-modal-open { overflow: hidden !important; } html.ro-video-modal-open body { overflow: hidden !important; } [class*="Content-sc-d8d6ad4a-2"]:has([class*="FullVideo-sc-"]) { position: fixed !important; inset: 50% auto auto 50% !important; transform: translate(-50%, -50%) !important; width: min(94vw, 28rem) !important; max-width: min(94vw, 28rem) !important; height: auto !important; min-height: 0px !important; max-height: min(88vh, 44rem) !important; margin: 0px !important; border-radius: 1rem !important; overflow: hidden !important; z-index: 9999 !important; display: flex !important; flex-direction: column !important; background: rgba(18, 18, 18, 0.9) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 64px !important; color: rgb(255, 255, 255) !important; } [class*="Content-sc-d8d6ad4a-2"]:has([class*="FullVideo-sc-"]) [class*="Scroll-sc-d8d6ad4a-1"] { flex: 0 1 auto !important; width: 100% !important; height: auto !important; min-height: 0px !important; overflow: visible !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } [class*="Content-sc-d8d6ad4a-2"]:has([class*="FullVideo-sc-"]) [class*="ContentSpacingContainer-sc-d8d6ad4a-3"] { width: 100% !important; height: auto !important; min-height: 0px !important; padding: 0px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } [class*="Content-sc-d8d6ad4a-2"]:has([class*="FullVideo-sc-"]) [class*="TopIcons-sc-d8d6ad4a-9"] { position: fixed !important; top: calc(50% - 2.75rem - min(42vh, 22rem)) !important; right: calc(50% - 0.25rem - min(47vw, 14rem)) !important; left: auto !important; padding: 0px !important; justify-content: flex-end !important; z-index: 10001 !important; } [class*="FullVideo-sc-"], [class*="Content-sc-d8d6ad4a-2"]:has([class*="FullVideo-sc-"]) video { vertical-align: top; width: 100% !important; height: auto !important; min-height: 16rem !important; max-width: 100% !important; max-height: min(84vh, 44rem) !important; aspect-ratio: 9 / 16 !important; margin: 0px auto !important; display: block !important; object-fit: contain !important; background: rgb(0, 0, 0) !important; border-radius: 1rem 1rem 0px 0px !important; } #ro-video-fallback-modal { position: fixed; inset: 0px; z-index: 10050; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(3px); padding: 1rem; pointer-events: auto; } #ro-video-fallback-modal video { width: min(94vw, 28rem); height: auto; max-height: min(84vh, 44rem); aspect-ratio: 9 / 16; background: rgb(0, 0, 0); border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 64px; pointer-events: auto; } #ro-video-fallback-modal .ro-video-fallback-title { color: rgb(255, 255, 255); font-size: 1.125rem; line-height: 1.4; text-align: center; max-width: 40rem; margin: 0px 0px 1rem; } #ro-video-fallback-modal .ro-video-fallback-close { position: fixed; top: 0.75rem; right: 0.75rem; width: 2.5rem; height: 2.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 999px; background: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); font-size: 1.5rem; line-height: 1; cursor: pointer; } @media (min-width: 960px) { html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] { overflow: hidden; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] section > [id^="carousel-"], html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="Slider-sc-c23519fd-1"], html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] .carousel-slider { margin-left: 0px !important; margin-right: 0px !important; width: 100% !important; max-width: 100% !important; padding-right: 0px !important; scroll-padding-right: 0px !important; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="MainContent-sc-5d6472c7-1"] { display: flex; flex-direction: column; width: 17.625rem !important; max-width: 17.625rem !important; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="TopWrapper-sc-5d6472c7-4"] { flex: 1 1 auto; min-height: 7.375rem; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="TopWrapper-sc-5d6472c7-4"] > :first-child { min-height: 2.625rem; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="TopWrapper-sc-5d6472c7-4"] > [class*="StyledParagraph-sc-"] { min-height: 3.75rem; margin: 0px; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="ValuePropsWrapper-sc-5d6472c7-6"] { flex-shrink: 0; min-height: 4.5rem; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="ValuePropsWrapper-sc-5d6472c7-6"] [class*="ListItem-sc-"]:first-child { min-height: 1.25rem; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="ValuePropsWrapper-sc-5d6472c7-6"] [class*="ListItem-sc-"]:nth-child(2) { min-height: 2.5rem; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="SlideWrapper-sc-c23519fd-2"] { flex: 0 0 17.625rem !important; width: 17.625rem !important; min-width: 17.625rem !important; max-width: 17.625rem !important; box-sizing: border-box !important; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="Wrapper-sc-5d6472c7-0"] { width: 17.625rem !important; min-width: 17.625rem !important; max-width: 17.625rem !important; box-sizing: border-box !important; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="Wrapper-sc-221e323a-0"] { position: relative !important; width: 100% !important; max-width: 17.625rem !important; aspect-ratio: 4 / 5 !important; overflow: hidden !important; height: auto !important; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="BackgroundMedia-sc-3ae32793-0"] { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; display: block !important; } html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="BackgroundMedia-sc-3ae32793-0"] img, html.ro-ready #main [class*="CarouselWrapper-sc-e29166df-4"] [class*="Wrapper-sc-221e323a-0"] img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center top !important; } } video[data-ro-video-deferred="1"] { aspect-ratio: 4 / 5 !important; width: 100% !important; min-height: 120px !important; background: rgb(0, 0, 0) !important; } picture.ro-category-hero-poster { display: none !important; } [class*="Wrapper-sc-83c2118f"]:has(video[class*="StyledMedia-sc-83c2118f"]) picture[class*="StyledMedia-sc-83c2118f"] { display: none !important; } [class*="Wrapper-sc-83c2118f"] video[class*="StyledMedia-sc-83c2118f"] { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; z-index: 0; } [class*="Wrapper-sc-9ec9a206"] { position: relative; overflow: hidden; } [class*="Wrapper-sc-9ec9a206"] video[class*="StyledMedia-sc-9ec9a206"] { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; } [class*="Container-sc-42351d62-0"] { cursor: pointer; } [class*="CarouselWrapper-sc-8e39e1bf-6"] [class*="Container-sc-42351d62-0"]:not(:has(video[class*="BackgroundMediaContainer-sc-42351d62"])):not(:has([class*="ContentMediaContainer-sc-42351d62"])) { display: flex !important; flex-direction: column !important; width: 17.625rem !important; min-width: 17.625rem !important; min-height: 22rem !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; } [class*="Container-sc-42351d62-0"]:not(:has(video[class*="BackgroundMediaContainer-sc-42351d62"])):not(:has([class*="ContentMediaContainer-sc-42351d62"])) [class*="InnerContainer-sc-42351d62"] { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 20rem !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; pointer-events: auto !important; padding: 1rem !important; box-sizing: border-box !important; } [class*="CarouselWrapper-sc-8e39e1bf-6"]:has([class*="ContentMediaContainer-sc-42351d62"]) [class*="SlideWrapper-sc-c23519fd-2"] { flex: 0 0 17.625rem !important; width: 17.625rem !important; max-width: 17.625rem !important; height: auto !important; align-self: stretch !important; } [class*="Container-sc-42351d62-0"]:has([class*="ContentMediaContainer-sc-42351d62"]) { display: block !important; width: 17.625rem !important; min-width: 17.625rem !important; min-height: auto !important; height: auto !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; cursor: default !important; } [class*="Container-sc-42351d62-0"]:has([class*="ContentMediaContainer-sc-42351d62"]) [class*="InnerContainer-sc-42351d62"] { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: auto !important; display: block !important; padding: 0px !important; pointer-events: auto !important; box-sizing: border-box !important; } [class*="ContentMediaContainer-sc-42351d62"] { display: block !important; width: 100% !important; height: auto !important; line-height: 0 !important; margin: 0px !important; } [class*="ContentMediaContainer-sc-42351d62"] img[class*="ImageElement-sc-"] { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; object-fit: cover !important; } [class*="ContentTop-sc-42351d62"] { padding: 1rem !important; background: var(--color-surface-light, #fff) !important; box-sizing: border-box !important; } [class*="ContentTop-sc-42351d62"] p[class*="StyledParagraph-sc-"] { overflow: visible !important; display: block !important; white-space: normal !important; -webkit-line-clamp: unset !important; max-height: none !important; } #main .ro-defer-section { content-visibility: visible !important; contain: none !important; } @media (min-width: 960px) { html:not([data-ro-home="1"]) [class*="Grid-sc-5c7aef7b-1"] { grid-template-columns: repeat(var(--grid-columns, 12), minmax(0, 1fr)) !important; } [class*="ContentGrid-sc-e6b451b4-5"] { display: grid !important; grid-template-columns: repeat(var(--grid-columns, 12), minmax(0, 1fr)) !important; grid-template-rows: auto auto !important; column-gap: var(--grid-gap, 1.5rem) !important; row-gap: var(--spacing-spacing-200, 1rem) !important; align-items: start !important; } [class*="ContentGrid-sc-e6b451b4-5"] > [class*="Column-sc-"]:first-child:not([class*="ButtonsWrapper-sc-"]):not([class*="RightColumn-sc-"]) { grid-area: 1 / span 7 !important; min-width: 0px !important; } [class*="ContentGrid-sc-e6b451b4-5"] > [class*="RightColumn-sc-e6b451b4-6"]:empty { display: none !important; } [class*="ContentGrid-sc-e6b451b4-5"] > [class*="RightColumn-sc-e6b451b4-6"]:not(:empty) { grid-area: 1 / 8 / span 2 / -1 !important; display: flex !important; flex-direction: column !important; gap: var(--spacing-spacing-200, 1rem) !important; min-width: 0px !important; } [class*="HeadingWrapper-sc-e6b451b4-1"] h1 { font-synthesis: none !important; line-height: 1.12 !important; text-rendering: geometricprecision !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="List-sc-a9b00ddd-0"] { display: flex !important; flex-direction: column !important; gap: var(--spacing-spacing-200, 1rem) !important; list-style: none !important; margin: 0px !important; padding: 0px !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="ListItem-sc-a9b00ddd-4"] { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: var(--spacing-spacing-100, 0.75rem) !important; list-style: none !important; margin: 0px !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="DesktopContainer-sc-a9b00ddd-2"] { display: block !important; flex: 0 0 auto !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="MobileContainer-sc-a9b00ddd-1"] { display: none !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="Content-sc-a9b00ddd-5"] { flex: 1 1 auto !important; min-width: 0px !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="Content-sc-a9b00ddd-5"] p { margin: 0px !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="Content-sc-a9b00ddd-5"] em { color: var(--color-text-accent-small, #c41e3a); font-style: normal; font-weight: var(--font-weight-semibold, 600); } [class*="BottomWrapper-sc-e6b451b4-9"] [class*="List-sc-a9b00ddd-0"] { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: var(--spacing-spacing-300, 2rem) !important; list-style: none !important; margin: 0px !important; padding: 0px !important; width: 100% !important; } [class*="BottomWrapper-sc-e6b451b4-9"] [class*="ListItem-sc-a9b00ddd-4"] { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: var(--spacing-spacing-100, 0.75rem) !important; list-style: none !important; margin: 0px !important; } [class*="BottomWrapper-sc-e6b451b4-9"] [class*="DesktopContainer-sc-a9b00ddd-2"] { display: block !important; flex: 0 0 auto !important; } [class*="BottomWrapper-sc-e6b451b4-9"] [class*="MobileContainer-sc-a9b00ddd-1"] { display: none !important; } [class*="BottomWrapper-sc-e6b451b4-9"] [class*="Content-sc-a9b00ddd-5"] p { margin: 0px !important; } [class*="ButtonsWrapper-sc-e6b451b4-2"] { grid-area: 2 / span 7 !important; min-width: 0px !important; } [class*="MediaWrapper-sc-e6b451b4-8"] { display: flex !important; flex-direction: row !important; width: 100% !important; max-width: min(89.625rem, 100vw) !important; margin-left: auto !important; margin-right: auto !important; overflow-x: hidden !important; box-sizing: border-box !important; } [class*="MediaWrapper-sc-e6b451b4-8"] > picture, [class*="MediaWrapper-sc-e6b451b4-8"] > * { flex: 1 1 0px !important; min-width: 0px !important; max-width: 100% !important; } [class*="MediaWrapper-sc-e6b451b4-8"] picture, [class*="MediaWrapper-sc-e6b451b4-8"] img, [class*="MediaWrapper-sc-e6b451b4-8"] video { max-width: 100% !important; width: 100% !important; height: auto !important; object-fit: cover !important; } [class*="GridWithVerticalGap-sc-8ac48a84-1"] { display: grid !important; grid-template-columns: repeat(var(--grid-columns, 12), minmax(0, 1fr)) !important; row-gap: var(--rowGap, 2rem) !important; } [class*="GridWithVerticalGap-sc-8ac48a84-1"] > [class*="StyledGridColumn-sc-8ac48a84-2"]:first-child { grid-column: span 6 !important; min-width: 0px !important; } [class*="GridWithVerticalGap-sc-8ac48a84-1"] > [class*="StyledGridColumn-sc-8ac48a84-2"]:last-child { grid-column: span 6 !important; min-width: 0px !important; } [class*="GridWithVerticalGap-sc-8ac48a84-1"] [class*="BackgroundWrapper-sc-d84e1f50"], [class*="GridWithVerticalGap-sc-8ac48a84-1"] [class*="Centered-sc-492652f9"] { overflow: hidden !important; max-width: 100% !important; } [class*="GridWithVerticalGap-sc-8ac48a84-1"] picture, [class*="GridWithVerticalGap-sc-8ac48a84-1"] img[class*="ImageElement-sc-"] { max-width: 100% !important; width: 100% !important; height: auto !important; object-fit: contain !important; } [class*="Wrapper-sc-cf926a80-18"] [class*="Grid-sc-5c7aef7b-1"] > [class*="Column-sc-5c7aef7b-0"]:nth-child(1) { grid-column: span 1 !important; min-width: 0px !important; } [class*="Wrapper-sc-cf926a80-18"] [class*="Grid-sc-5c7aef7b-1"] > [class*="Column-sc-5c7aef7b-0"]:nth-child(2) { grid-column: span 3 !important; min-width: 0px !important; } [class*="Wrapper-sc-cf926a80-18"] [class*="Grid-sc-5c7aef7b-1"] > [class*="Column-sc-5c7aef7b-0"]:nth-child(3) { grid-column: span 8 !important; min-width: 0px !important; } [class*="HeadlinesWrapper-sc-cf926a80-19"] [class*="Headline-sc-cf926a80-20"] { white-space: normal !important; max-width: 100% !important; } [class*="Grid-sc-5c7aef7b-1"] > [class*="Column-sc-5c7aef7b-0"]:only-child { grid-column: 1 / -1 !important; } } @media (max-width: 959px) { [class*="RightColumn-sc-e6b451b4-6"] [class*="ListItem-sc-a9b00ddd-4"], [class*="BottomWrapper-sc-e6b451b4-9"] [class*="ListItem-sc-a9b00ddd-4"] { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: var(--spacing-spacing-100, 0.75rem) !important; list-style: none !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="DesktopContainer-sc-a9b00ddd-2"], [class*="BottomWrapper-sc-e6b451b4-9"] [class*="DesktopContainer-sc-a9b00ddd-2"] { display: none !important; } [class*="RightColumn-sc-e6b451b4-6"] [class*="MobileContainer-sc-a9b00ddd-1"], [class*="BottomWrapper-sc-e6b451b4-9"] [class*="MobileContainer-sc-a9b00ddd-1"] { display: block !important; flex: 0 0 auto !important; } [class*="BottomWrapper-sc-e6b451b4-9"] [class*="List-sc-a9b00ddd-0"] { display: flex !important; flex-direction: column !important; gap: var(--spacing-spacing-200, 1rem) !important; } } html:not([data-ro-home="1"]) [class*="CarouselWrapper-sc-8e39e1bf-6"]:not(:has(video[class*="BackgroundMediaContainer-sc-42351d62"])) [class*="SlideWrapper-sc-c23519fd-2"] { display: flex !important; } html:not([data-ro-home="1"]) #main { overflow-x: clip; } html:not([data-ro-home="1"]) #main [class*="CarouselWrapper-sc-"] [class*="SlideWrapper-sc-"], html:not([data-ro-home="1"]) #main [class*="CarouselWrapper-sc-"] .carousel-slider { max-width: 100% !important; } html:not([data-ro-home="1"]) #main [class*="CarouselWrapper-sc-"] img[class*="ImageElement-sc-"] { max-width: 100% !important; width: 100% !important; height: auto !important; object-fit: cover !important; } html:not([data-ro-home="1"]) #main [class*="Avatar-sc-42351d62"], html:not([data-ro-home="1"]) #main [class*="Avatar-sc-42351d62"] picture { width: 5rem !important; height: 5rem !important; min-width: 5rem !important; min-height: 5rem !important; max-width: 5rem !important; max-height: 5rem !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; overflow: hidden !important; } html:not([data-ro-home="1"]) #main [class*="Avatar-sc-42351d62"] img[class*="ImageElement-sc-"] { width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; border-radius: 50% !important; } html:not([data-ro-home="1"]) #main [class*="MediaBackground-sc-e6b451b4-7"] img[class*="ImageElement-sc-"], html:not([data-ro-home="1"]) #main [class*="MediaWrapper-sc-e6b451b4-8"] img[class*="ImageElement-sc-"] { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: cover !important; } html:not([data-ro-home="1"]) [class*="JumpPoint-sc-ffa56ecc-1"], html:not([data-ro-home="1"]) [id="meds"], html:not([data-ro-home="1"]) [id="how-it-works"], html:not([data-ro-home="1"]) [id="pricing"], html:not([data-ro-home="1"]) [id="safety"] { scroll-margin-top: calc(var(--top-navigation-desktop-height, 4rem) + 3.5rem) !important; } @media (min-width: 960px) { [class*="ButtonsInnerWrapper-sc-e6b451b4-3"] { display: flex !important; flex-flow: wrap !important; gap: 1rem !important; align-items: center !important; } [class*="ButtonsInnerWrapper-sc-e6b451b4-3"] [class*="SpaceHolder-sc-12505fb6"] { display: none !important; height: 0px !important; } [class*="ButtonsInnerWrapper-sc-e6b451b4-3"] [class*="Container-sc-12505fb6-0"] { transform: none !important; position: static !important; height: auto !important; } [class*="Wrapper-sc-1f219d21-1"] [class*="Grid-sc-5c7aef7b-1"] > [class*="AssetsColumn-sc-1f219d21-2"] { display: block !important; grid-column: span 6 !important; min-width: 0px !important; } [class*="Wrapper-sc-1f219d21-1"] [class*="Grid-sc-5c7aef7b-1"] > [class*="ContentColumn-sc-1f219d21-3"] { grid-column: span 6 !important; min-width: 0px !important; } [class*="AssetsColumn-sc-1f219d21-2"] picture, [class*="AssetsColumn-sc-1f219d21-2"] img { width: 100% !important; max-width: 100% !important; height: auto !important; } [class*="Grid-sc-5c7aef7b-1"]:has([class*="ContentColumn-sc-f95e50f-0"]) > [class*="ExpertMediaColumn-sc-f95e50f-1"]:empty { display: none !important; } [class*="Grid-sc-5c7aef7b-1"]:has([class*="ContentColumn-sc-f95e50f-0"]) > [class*="ExpertMediaColumn-sc-f95e50f-1"]:not(:empty) { grid-column: 2 / span 5 !important; order: 1 !important; min-width: 0px !important; display: flex !important; justify-content: center !important; } [class*="Grid-sc-5c7aef7b-1"]:has([class*="ContentColumn-sc-f95e50f-0"]) > [class*="ContentColumn-sc-f95e50f-0"] { grid-column: 7 / span 6 !important; order: 2 !important; min-width: 0px !important; } [class*="ExpertMediaColumn-sc-f95e50f-1"] video, [class*="ExpertMedia-sc-f95e50f-2"] { width: 100% !important; max-width: 17.625rem !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; border-radius: 0.25rem !important; } [class*="Text-sc-f95e50f-4"] { max-width: 100% !important; } html:not([data-ro-home="1"]) [class*="CarouselWrapper-sc-8e39e1bf-6"]:has([class*="ContentMediaContainer-sc-42351d62"]) { min-height: auto !important; } html:not([data-ro-home="1"]) [class*="CarouselWrapper-sc-8e39e1bf-6"]:has([class*="ContentMediaContainer-sc-42351d62"]) [class*="StyledCarousel-sc-"], html:not([data-ro-home="1"]) [class*="CarouselWrapper-sc-8e39e1bf-6"]:has([class*="ContentMediaContainer-sc-42351d62"]) [class*="Wrapper-sc-c23519fd-0"] { min-height: auto !important; align-items: stretch !important; } [class*="Grid-sc-5c7aef7b-1"]:has(> [class*="Column-sc-"][class*="gUDIiA"]) > [class*="Column-sc-5c7aef7b-0"]:not([class*="fcKTNa"]):not([class*="gUDIiA"]) { grid-column: span 7 !important; min-width: 0px !important; } [class*="Grid-sc-5c7aef7b-1"]:has(> [class*="Column-sc-"][class*="gUDIiA"]) > [class*="fcKTNa"] { grid-column: span 1 !important; } [class*="Grid-sc-5c7aef7b-1"]:has(> [class*="Column-sc-"][class*="gUDIiA"]) > [class*="gUDIiA"] { grid-column: span 4 !important; min-width: 0px !important; } [class*="Container-sc-42351d62-0"]:has(video[class*="BackgroundMediaContainer-sc-42351d62"]) [class*="Person-sc-42351d62"] { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; padding: 1rem !important; box-sizing: border-box !important; pointer-events: none !important; } [class*="Avatar-sc-42351d62"], [class*="Avatar-sc-42351d62"] picture { width: 5rem !important; height: 5rem !important; min-width: 5rem !important; min-height: 5rem !important; max-width: 5rem !important; max-height: 5rem !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; overflow: hidden !important; display: block !important; line-height: 0 !important; flex-shrink: 0 !important; margin: 0px auto 0.75rem !important; } [class*="Avatar-sc-42351d62"] img[class*="ImageElement-sc-"] { width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; border-radius: 50% !important; display: block !important; } } @media (max-width: 959px) { [class*="Grid-sc-5c7aef7b-1"]:has([class*="ContentColumn-sc-f95e50f-0"]) > [class*="ExpertMediaColumn-sc-f95e50f-1"]:not(:empty), [class*="Grid-sc-5c7aef7b-1"]:has([class*="ContentColumn-sc-f95e50f-0"]) > [class*="ContentColumn-sc-f95e50f-0"] { grid-column: 1 / -1 !important; order: unset !important; } [class*="Wrapper-sc-1f219d21-1"] [class*="AssetsColumn-sc-1f219d21-2"] { display: block !important; grid-column: 1 / -1 !important; } } :root { --deprecated-color-surface-onLight-muted: rgba(135,135,135,0.07); --deprecated-color-surface-onLight-overlay: rgba(0,0,0,0.1); --deprecated-color-surface-onLight-overlayStrong: rgba(0,0,0,0.5); --deprecated-color-surface-onDark-muted: rgba(97,97,97,0.1); --deprecated-color-surface-onDark-overlay: rgba(255,255,255,0.1); --deprecated-color-surface-onDark-overlayStrong: rgba(255,255,255,0.5); --deprecated-color-text-onLight-muted: #7F7F7F; --deprecated-color-text-onDark-muted: #7F7F7F; --deprecated-color-border-onLight-default: #a6a6a6; --deprecated-color-border-onLight-emphasis: #1a1a1a; --deprecated-color-border-onLight-muted: #c7c7c7; --deprecated-color-border-onLight-subtle: #ececec; --deprecated-color-border-onDark-default: #7F7F7F; --deprecated-color-border-onDark-emphasis: #fff; --deprecated-color-border-onDark-muted: #4b4b4b; --deprecated-color-border-onDark-subtle: #303030; --deprecated-color-action-focusedOutline: #276ef1; --deprecated-gradient-bluePink-normal-0: #53ACEB; --deprecated-gradient-bluePink-normal-1: #FF01A9; --deprecated-gradient-bluePink-normal-2: #FF9890; --deprecated-gradient-bluePink-a11y-0: #1A76C3; --deprecated-gradient-bluePink-a11y-1: #D80C9A; --deprecated-gradient-bluePink-a11y-2: #D7756D; --deprecated-gradient-yellowRed-normal-0: #EBC600; --deprecated-gradient-yellowRed-normal-1: #FF8A00; --deprecated-gradient-yellowRed-normal-2: #FF0000; --deprecated-gradient-yellowRed-a11y-0: #EB6A20; --deprecated-gradient-yellowRed-a11y-1: #ED2020; --deprecated-gradient-yellowRed-a11y-2: #970202; --deprecated-gradient-blueGreen-normal-0: #535DFF; --deprecated-gradient-blueGreen-normal-1: #56EBFF; --deprecated-gradient-blueGreen-normal-2: #41F49E; --deprecated-gradient-blueGreen-a11y-0: #1A76C3; --deprecated-gradient-blueGreen-a11y-1: #0DA098; --deprecated-gradient-blueGreen-a11y-2: #5E9E7F; --deprecated-gradient-orangeBlue-normal-0: #FF6C19; --deprecated-gradient-orangeBlue-normal-1: #3177FF; --deprecated-gradient-orangeBlue-normal-2: #55A3FF; --deprecated-gradient-orangeBlue-a11y-0: #EB6A20; --deprecated-gradient-orangeBlue-a11y-1: #1A76C3; --deprecated-gradient-orangeBlue-a11y-2: #5461FA; --deprecated-gradient-greenYellow-normal-0: #0CCBC6; --deprecated-gradient-greenYellow-normal-1: #FFD600; --deprecated-gradient-greenYellow-normal-2: #FFB359; --deprecated-gradient-greenYellow-a11y-0: #6B9A3C; --deprecated-gradient-greenYellow-a11y-1: #189EB0; --deprecated-gradient-greenYellow-a11y-2: #EB6A20; --deprecated-gradient-fullSpectrum-normal-0: #FF0000; --deprecated-gradient-fullSpectrum-normal-1: #FF01A9; --deprecated-gradient-fullSpectrum-normal-2: #FF9890; --deprecated-gradient-fullSpectrum-normal-3: #53ACEB; --deprecated-gradient-fullSpectrum-normal-4: #535DFF; --deprecated-gradient-fullSpectrum-normal-5: #3177FF; --deprecated-gradient-fullSpectrum-normal-6: #55A3FF; --deprecated-gradient-fullSpectrum-normal-7: #56EBFF; --deprecated-gradient-fullSpectrum-normal-8: #0CCBC6; --deprecated-gradient-fullSpectrum-normal-9: #41F49E; --deprecated-gradient-fullSpectrum-normal-10: #FFD600; --deprecated-gradient-fullSpectrum-normal-11: #EBC600; --deprecated-gradient-fullSpectrum-normal-12: #FFB359; --deprecated-gradient-fullSpectrum-normal-13: #FF8A00; --deprecated-gradient-fullSpectrum-normal-14: #FF6C19; --deprecated-gradient-fullSpectrum-a11y-0: #970202; --deprecated-gradient-fullSpectrum-a11y-1: #D80C9A; --deprecated-gradient-fullSpectrum-a11y-2: #D7756D; --deprecated-gradient-fullSpectrum-a11y-3: #1A76C3; --deprecated-gradient-fullSpectrum-a11y-4: #1A76C3; --deprecated-gradient-fullSpectrum-a11y-5: #1A76C3; --deprecated-gradient-fullSpectrum-a11y-6: #5461FA; --deprecated-gradient-fullSpectrum-a11y-7: #0DA098; --deprecated-gradient-fullSpectrum-a11y-8: #6B9A3C; --deprecated-gradient-fullSpectrum-a11y-9: #5E9E7F; --deprecated-gradient-fullSpectrum-a11y-10: #189EB0; --deprecated-gradient-fullSpectrum-a11y-11: #EB6A20; --deprecated-gradient-fullSpectrum-a11y-12: #EB6A20; --deprecated-gradient-fullSpectrum-a11y-13: #ED2020; --deprecated-gradient-fullSpectrum-a11y-14: #EB6A20; --deprecated-elevation-xsmall: inset 0px 0px 0px 1px #ececec; --deprecated-elevation-small: -4px 7px 14px rgba(0,0,0,0.02); --deprecated-elevation-medium: -6px 9px 14px rgba(0,0,0,0.04); --deprecated-elevation-large: -12px 40px 20px rgba(0,0,0,0.08); } #so-cart-bar { position: fixed; top: 14px; right: 18px; z-index: 99990; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); text-decoration: none; font: 600 14px / 1.2 system-ui, sans-serif; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 18px; } #so-cart-bar .so-cart-count { min-width: 18px; text-align: center; } [class*="CarouselWrapper-sc-8e39e1bf"] [class*="Wrapper-sc-3a5e20cd"] { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; } [class*="CarouselWrapper-sc-8e39e1bf"] [class*="Wrapper-sc-3a5e20cd"] > a.rds-button { flex: 1 1 auto !important; min-width: 0px !important; } .so-cart-link { flex: 1 1 100%; font: 500 13px / 1.2 system-ui, sans-serif; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; text-align: left; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; color: rgb(26, 26, 26) !important; padding: 4px 0px 0px !important; } #so-shop-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(12px); z-index: 99991; background: rgba(17, 17, 17, 0.92); color: rgb(255, 255, 255); padding: 10px 18px; border-radius: 8px; font: 500 14px / 1.3 system-ui, sans-serif; opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; } #so-shop-toast.show { opacity: 1; transform: translateX(-50%) translateY(0px); } @media (max-width: 640px) { #so-cart-bar { top: auto; bottom: 16px; right: 16px; } } :root { --letter-spacing-tighter: -.03em; --letter-spacing-tight: -.02em; --letter-spacing-normal: -.01em; --letter-spacing-loose: .08em; --letter-spacing-0: 0em; --text-case-uppercase: uppercase; --font-weight-semibold: 600; --font-weight-regular: 400; --zIndex-toast: 10000; --zIndex-loadingOverlay: 1100; --zIndex-dropdown: 1000; --zIndex-modalContent: 900; --zIndex-modalOverlay: 800; --zIndex-loadingBar: 700; --zIndex-skipNavigation: 600; --zIndex-mainMenuMobileOpen: 530; --zIndex-stickyButtonContainer: 505; --zIndex-mainMenu: 500; --zIndex-searchInput: 400; --zIndex-messagesSidebar: 310; --zIndex-promoBar: 300; --zIndex-sticky: 200; --zIndex-popover: 150; --zIndex-tooltip: 150; --zIndex-buttons: 100; --zIndex-pageStructure: 1; --zIndex-ovdropdown: 10; --zIndex-ovpreloader: 2000; --zIndex-ovcamera: 2000; --zIndex-ovquestionAnimatedWrapperoutgoing: 12; --zIndex-ovquestionAnimatedWrapperincoming: 11; --zIndex-ovfixedButtonWrapper: 10; --zIndex-ovthankYouModal: 19; --zIndex-ovheaderThreeDotsNav: 20; --zIndex-ovheader: 15; --semantic-alert-primary-color: #d70f0f; --rds-primitive-desktop-margins-vertical-margin-large: 8rem; --rds-primitive-desktop-margins-vertical-margin: 3rem; --rds-primitive-desktop-margins-horizontal-margin: 4rem; --rds-primitive-desktop-spacing-spacing-1600: 12rem; --rds-primitive-desktop-spacing-spacing-1400: 11rem; --rds-primitive-desktop-spacing-spacing-1200: 10rem; --rds-primitive-desktop-spacing-spacing-1000: 9rem; --rds-primitive-desktop-spacing-spacing-800: 8rem; --rds-primitive-desktop-spacing-spacing-600: 5rem; --rds-primitive-desktop-spacing-spacing-500: 4rem; --rds-primitive-desktop-spacing-spacing-400: 3rem; --rds-primitive-desktop-spacing-spacing-300: 2rem; --rds-primitive-desktop-spacing-spacing-200: 1.5rem; --rds-primitive-desktop-spacing-spacing-150: 1rem; --rds-primitive-desktop-spacing-spacing-100: .5rem; --rds-primitive-desktop-spacing-spacing-050: .25rem; --rds-primitive-desktop-spacing-spacing-000: 0; --rds-primitive-desktop-paddings-padding-600: 4rem; --rds-primitive-desktop-paddings-padding-500: 3rem; --rds-primitive-desktop-paddings-padding-400: 2.5rem; --rds-primitive-desktop-paddings-padding-300: 1.5rem; --rds-primitive-desktop-paddings-padding-200: 1rem; --rds-primitive-desktop-paddings-padding-150: .75rem; --rds-primitive-desktop-paddings-padding-100: .5rem; --rds-primitive-desktop-paddings-padding-050: .25rem; --rds-primitive-desktop-paddings-padding-000: 0; --rds-primitive-tablet-landscape-margins-vertical-margin-large: 7rem; --rds-primitive-tablet-landscape-margins-vertical-margin: 2.5rem; --rds-primitive-tablet-landscape-margins-horizontal-margin: 3rem; --rds-primitive-tablet-landscape-spacing-spacing-1600: 10rem; --rds-primitive-tablet-landscape-spacing-spacing-1400: 9rem; --rds-primitive-tablet-landscape-spacing-spacing-1200: 8rem; --rds-primitive-tablet-landscape-spacing-spacing-1000: 7rem; --rds-primitive-tablet-landscape-spacing-spacing-800: 6rem; --rds-primitive-tablet-landscape-spacing-spacing-600: 4rem; --rds-primitive-tablet-landscape-spacing-spacing-500: 3rem; --rds-primitive-tablet-landscape-spacing-spacing-400: 2.5rem; --rds-primitive-tablet-landscape-spacing-spacing-300: 2rem; --rds-primitive-tablet-landscape-spacing-spacing-200: 1.5rem; --rds-primitive-tablet-landscape-spacing-spacing-150: 1rem; --rds-primitive-tablet-landscape-spacing-spacing-100: .5rem; --rds-primitive-tablet-landscape-spacing-spacing-050: .25rem; --rds-primitive-tablet-landscape-spacing-spacing-000: 0; --rds-primitive-tablet-landscape-paddings-padding-600: 4rem; --rds-primitive-tablet-landscape-paddings-padding-500: 3rem; --rds-primitive-tablet-landscape-paddings-padding-400: 2.5rem; --rds-primitive-tablet-landscape-paddings-padding-300: 1.5rem; --rds-primitive-tablet-landscape-paddings-padding-200: 1rem; --rds-primitive-tablet-landscape-paddings-padding-150: .75rem; --rds-primitive-tablet-landscape-paddings-padding-100: .5rem; --rds-primitive-tablet-landscape-paddings-padding-050: .25rem; --rds-primitive-tablet-landscape-paddings-padding-000: 0; --rds-primitive-tablet-portrait-margins-vertical-margin-large: 6.5rem; --rds-primitive-tablet-portrait-margins-vertical-margin: 2rem; --rds-primitive-tablet-portrait-margins-horizontal-margin: 2rem; --rds-primitive-tablet-portrait-spacing-spacing-1600: 9rem; --rds-primitive-tablet-portrait-spacing-spacing-1400: 8rem; --rds-primitive-tablet-portrait-spacing-spacing-1200: 7rem; --rds-primitive-tablet-portrait-spacing-spacing-1000: 6rem; --rds-primitive-tablet-portrait-spacing-spacing-800: 5rem; --rds-primitive-tablet-portrait-spacing-spacing-600: 3rem; --rds-primitive-tablet-portrait-spacing-spacing-500: 2.5rem; --rds-primitive-tablet-portrait-spacing-spacing-400: 2rem; --rds-primitive-tablet-portrait-spacing-spacing-300: 1.5rem; --rds-primitive-tablet-portrait-spacing-spacing-200: 1rem; --rds-primitive-tablet-portrait-spacing-spacing-150: .75rem; --rds-primitive-tablet-portrait-spacing-spacing-100: .5rem; --rds-primitive-tablet-portrait-spacing-spacing-050: .25rem; --rds-primitive-tablet-portrait-spacing-spacing-000: 0; --rds-primitive-tablet-portrait-paddings-padding-600: 3rem; --rds-primitive-tablet-portrait-paddings-padding-500: 2.5rem; --rds-primitive-tablet-portrait-paddings-padding-400: 2rem; --rds-primitive-tablet-portrait-paddings-padding-300: 1.5rem; --rds-primitive-tablet-portrait-paddings-padding-200: 1rem; --rds-primitive-tablet-portrait-paddings-padding-150: .75rem; --rds-primitive-tablet-portrait-paddings-padding-100: .5rem; --rds-primitive-tablet-portrait-paddings-padding-050: .25rem; --rds-primitive-tablet-portrait-paddings-padding-000: 0; --border-radius-full: 62.5rem; --border-radius-large: 5rem; --border-radius-medium-large: 1rem; --border-radius-medium: .5rem; --border-radius-small: .25rem; --border-radius-zero: 0; --rds-primitive-breakpoints-breakpoints: 80rem; --rds-primitive-color-brand-medium-orange: #ffdbc7; --rds-primitive-color-brand-light-teal: #e5f2f2; --rds-primitive-color-brand-teal: #add8d5; --rds-primitive-color-brand-light-cool-grey: #f3f5f6; --rds-primitive-color-brand-medium-cool-grey: #e1e4e7; --rds-primitive-color-brand-cool-grey: #bac3d3; --rds-primitive-color-brand-light-warm-yellow: #f4f4ef; --rds-primitive-color-brand-bright-yellow: #f8ffa1; --rds-primitive-color-brand-orange: #ffa674; --rds-primitive-color-brand-light-red: #ffe6e4; --rds-primitive-color-brand-bright-red: #ff6554; --rds-primitive-color-brand-dark-red: #be4d40; --rds-primitive-color-brand-bright-brown: #c0754b; --rds-primitive-color-brand-rich-brown: #754742; --rds-primitive-color-brand-bright-blue: #529afc; --rds-primitive-color-brand-rich-blue: #356ab1; --rds-primitive-color-brand-light-green: #dbf6e8; --rds-primitive-color-brand-bright-green: #20c86d; --rds-primitive-color-brand-kelly-green-small-text: #0d7744; --rds-primitive-color-brand-kelly-green: #119555; --rds-primitive-color-brand-light-purple: #bcb0c9; --rds-primitive-color-beige-warm-neutral: #eee9e4; --rds-primitive-color-beige-light-warm-neutral: #f7f4f1; --rds-primitive-color-beige-neutral: #f7f5f5; --rds-primitive-color-grey-1000: #000000; --rds-primitive-color-grey-900: #1a1a1a; --rds-primitive-color-grey-800: #333333; --rds-primitive-color-grey-600: #444444; --rds-primitive-color-grey-500: #666666; --rds-primitive-color-grey-400: #828282; --rds-primitive-color-grey-300: #999999; --rds-primitive-color-grey-200: #cccccc; --rds-primitive-color-grey-100: #dddddd; --rds-primitive-color-grey-50: #f2f2f2; --rds-primitive-color-grey-0: #ffffff; --rds-primitive-mobile-margins-vertical-margin-large: 6rem; --rds-primitive-mobile-margins-vertical-margin: 2rem; --rds-primitive-mobile-margins-horizontal-margin: 1.5rem; --rds-primitive-mobile-spacing-spacing-1600: 8rem; --rds-primitive-mobile-spacing-spacing-1400: 7rem; --rds-primitive-mobile-spacing-spacing-1200: 6rem; --rds-primitive-mobile-spacing-spacing-1000: 5rem; --rds-primitive-mobile-spacing-spacing-800: 4rem; --rds-primitive-mobile-spacing-spacing-600: 3rem; --rds-primitive-mobile-spacing-spacing-500: 2.5rem; --rds-primitive-mobile-spacing-spacing-400: 2rem; --rds-primitive-mobile-spacing-spacing-300: 1.5rem; --rds-primitive-mobile-spacing-spacing-200: 1rem; --rds-primitive-mobile-spacing-spacing-150: .75rem; --rds-primitive-mobile-spacing-spacing-100: .5rem; --rds-primitive-mobile-spacing-spacing-050: .25rem; --rds-primitive-mobile-spacing-spacing-000: 0; --rds-primitive-mobile-paddings-padding-600: 3rem; --rds-primitive-mobile-paddings-padding-500: 2.5rem; --rds-primitive-mobile-paddings-padding-400: 2rem; --rds-primitive-mobile-paddings-padding-300: 1.5rem; --rds-primitive-mobile-paddings-padding-200: 1rem; --rds-primitive-mobile-paddings-padding-150: .75rem; --rds-primitive-mobile-paddings-padding-100: .5rem; --rds-primitive-mobile-paddings-padding-050: .25rem; --rds-primitive-mobile-paddings-padding-000: 0; --primitive-color-magenta900: #9b2b6e; --primitive-color-magenta800: #a93c80; --primitive-color-magenta700: #b1458a; --primitive-color-magenta600: #b94f94; --primitive-color-magenta500: #bf569c; --primitive-color-magenta400: #c96fab; --primitive-color-magenta300: #d289ba; --primitive-color-magenta200: #dfabce; --primitive-color-magenta100: #eccce1; --primitive-color-orange900: #ff3b16; --primitive-color-orange800: #ff4c23; --primitive-color-orange700: #ff562a; --primitive-color-orange600: #ff6131; --primitive-color-orange500: #ff6937; --primitive-color-orange400: #ff8055; --primitive-color-orange300: #ff9673; --primitive-color-orange200: #ffb49b; --primitive-color-orange100: #ffd2c3; --primitive-color-green900Alpha30: #15a62e4d; --primitive-color-green900: #15a62e; --primitive-color-green800: #21b33e; --primitive-color-green700: #27ba48; --primitive-color-green600: #2fc151; --primitive-color-green500: #34c759; --primitive-color-green400: #52cf72; --primitive-color-green300: #71d88b; --primitive-color-green200: #9ae3ac; --primitive-color-green100: #c2eecd; --primitive-color-blue900: #0e3fe7; --primitive-color-blue800: #1751eb; --primitive-color-blue700: #1d5bed; --primitive-color-blue600: #2366ef; --primitive-color-blue500: #276ef1; --primitive-color-blue400: #4784f3; --primitive-color-blue300: #689af5; --primitive-color-blue200: #93b7f8; --primitive-color-blue100: #bed4fb; --primitive-color-yellow900: #fbd61e; --primitive-color-yellow800: #fec12c; --primitive-color-yellow700: #fec734; --primitive-color-yellow600: #fecd3d; --primitive-color-yellow500: #fed243; --primitive-color-yellow400: #fed95f; --primitive-color-yellow300: #fee07b; --primitive-color-yellow200: #ffe9a1; --primitive-color-yellow100: #fff2c7; --primitive-color-red900: #d70f0f; --primitive-color-red800: #dd1818; --primitive-color-red700: #e01e1e; --primitive-color-red600: #e42424; --primitive-color-red500: #e72828; --primitive-color-red400: #eb4848; --primitive-color-red300: #ee6969; --primitive-color-red200: #f39494; --primitive-color-red100: #f8bfbf; --primitive-color-grey1000: #1a1a1a; --primitive-color-grey900: #303030; --primitive-color-grey800: #4b4b4b; --primitive-color-grey700: #616161; --primitive-color-grey600: #7f7f7f; --primitive-color-grey500: #878787; --primitive-color-grey400: #a6a6a6; --primitive-color-grey300: #c7c7c7; --primitive-color-grey200: #ececec; --primitive-color-grey100: #f5f5f5; --primitive-color-grey50: #444444; --primitive-color-teal: #add8d5; --primitive-color-richBlue: #356ab1; --primitive-color-kellyGreen: #119555; --primitive-color-brightYellow: #f1fda6; --primitive-color-brightRed: #ff6554; --primitive-color-coolGrey: #bac3d3; --primitive-color-warmNeutral: #eee9e4; --primitive-color-warmGreyAlpha60: rgba(243, 241, 241, .6); --primitive-color-warmGrey: #f3f1f1; --primitive-color-neutralGrey: #f1eeee; --primitive-color-black: #000; --primitive-color-white: #fff; --interactions-duration-very-slow: .6s; --interactions-duration-slow: .4s; --interactions-duration-normal: .3s; --interactions-duration-fast: .2s; --interactions-duration-very-fast: .1s; --interactions-easing-productive-close: cubic-bezier(.5, .5, .5, 1); --interactions-easing-productive-open: cubic-bezier(.5, .5, .2, 1); --interactions-easing-expressive-close: cubic-bezier(.4, .1, .4, 1); --interactions-easing-expressive-open: cubic-bezier(.4, .2, .2, 1); --marketing-banner-cta-max-width: 170px; --ov-question-content-content-color: #000000a6; --ov-header-three-dots-nav-menu-item-hover-background-color: #f3f3f3; --ov-header-three-dots-nav-menu-wrapper-box-shadow: 0px 6px 24px 0px #0000001a; --ov-header-three-dots-nav-menu-wrapper-border-radius: 8px; --ov-header-height: 4rem; --ov-header-border: #6161611a; --carousel-progress-bar-container-on-dark-background-color: rgba( 255, 255, 255, .15 ); --carousel-progress-bar-container-background-color: rgba(26, 26, 26, .05); --disclaimer-background: #87878712; --disclaimer-color: #000000a6; --tabbed-text-box-shadow: 0px 8px 16px 0px #00000014; --modal-text-color: #000000a6; --modal-overlay-background: #1a1a1a80; --modal-button-size-mobile: 32px; --modal-button-size-desktop: 40px; --modal-buttons-wrapper-sticky-box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, .08); --media-object-border: #6161611a; --toast-close-button-outline-border-radius: 2px; --toast-close-button-outline-border: 2px solid #ffffff66; --toast-padding: 16px; --toast-border-radius: 8px; --tooltip-close-button-outline-border-radius: 2px; --tooltip-close-button-outline-border: 2px solid #ffffff66; --tooltip-padding: 8px 12px; --tooltip-border-radius: 8px; --input-padding: 25px 12px 7px; --input-border-radius: 8px; --button-text-pressed-background: transparent; --button-text-default-background: transparent; --button-small-padding-horizontal: 16px; --button-small-padding-vertical: 8px; --button-large-padding-horizontal: 24px; --button-large-padding-vertical: 12px; --button-border-radius: 80px; --field-error-margin: 4px 0 0 0; --testimonial-author-color: #000000a6; --testimonial-stars-color: #1cc78b; --horizontal-single-choice-normal-border-radius: 8px; --horizontal-single-choice-normal-box-shadow: inset 0px 0px 0px 1px #c7c7c7; --checkbox-checkmark-margin: 0 8px 0 0; --multi-choice-hover-background: #87878712; --multi-choice-border-radius: 8px; --multi-choice-padding: 12px 40px 12px 12px; --single-choice-flair-gradient: linear-gradient( 90deg, #eb6a20 0%, #ed2020 70.02%, #970202 98.14% ); --single-choice-highlight-muted: #000000a6; --single-choice-highlight-highlight: #0da098; --single-choice-highlight-negative: #ea4335; --single-choice-highlight-caution: #fbbc04; --single-choice-highlight-positive: #548235; --single-choice-hover-background: #87878712; --single-choice-border-radius: 8px; --single-choice-padding: 12px; --focus-outline-box-shadow: 0px 0px 0px 3px #0000003d; --focus-outline-border-selected: 2px solid rgba(39, 110, 241, .15); --progress-bar-foreground-color: linear-gradient( 90deg, #53aceb 0%, #ff01a9 70.02%, #ff9890 98.14% ); --progress-bar-height: .25rem; --top-navigation-desktop-height: 4rem; --top-navigation-mobile-height: 3.5rem; --auto-complete-item-selected-background: #f5f5f5; --auto-complete-box-shadow: -4px 7px 14px 0px #0000000a; --tabs-border: 1px solid transparent; --trusted-source-link-tooltip-max-width: 320px; --trusted-source-link-tooltip-box-shadow: 0px 0px 40px 8px #0000001f; --trusted-source-link-linkable-wrapper-margin-top-desktop: 50px; --trusted-source-link-linkable-wrapper-margin-top-mobile: 72px; --trusted-source-link-badge-size: 12px; --cards-slider-rich-text-max-width: 26.375rem; --weight-loss-calculator-results-background: linear-gradient( 180deg, #7f758b 0%, #aca0b9 50.5%, #b3a9bf 100% ); --fastest-ways-to-lose-weight-calculator-results-graph-bar: #c5d9f4; --fastest-ways-to-lose-weight-calculator-image-background: linear-gradient( 180deg, #2b4164 0%, #567bad 50.5%, #80a6cb 100% ); --fastest-ways-to-lose-weight-calculator-desktop-background: #7fa5ca29; --tdee-calculator-results-max-width: 34.125rem; --tdee-calculator-results-selector-background: #ffffff7a; --tdee-calculator-results-weight-loss-background: #ffffffa3; --tdee-calculator-results-background: linear-gradient( 180deg, #2b4164 0%, #567bad 50.5%, #80a6cb 100% ); --bmr-calculator-results-cta-max-width: 23rem; --bmr-calculator-results-cta-background: #ffffffa3; --bmr-calculator-results-heading-max-width: 21.5625rem; --bmr-calculator-results-container-min-width: 21rem; --bmr-calculator-results-background: linear-gradient( 180deg, #2b4164 0%, #567bad 50.5%, #80a6cb 100% ); --bmi-calculator-results-cta-max-width: 23rem; --bmi-calculator-results-cta-background: #ffffffa3; --bmi-calculator-results-range-separator: 1px solid #ffffff3d; --bmi-calculator-results-heading-max-width: 21.5625rem; --bmi-calculator-results-container-min-width: 21rem; --bmi-calculator-results-background: linear-gradient( 180deg, #2b4164 0%, #567bad 50.5%, #80a6cb 100% ); --article-reviewer-section-button-size: 2.5rem; --article-reviewer-section-badge-image-size: 4.5rem; --article-reviewer-section-badge-right-displacement: -.5rem; --article-content-max-width: 60rem; --article-table-of-contents-box-shadow: 0px 4px 24px 8px #00000014; --article-table-of-contents-header-box-shadow: 0px 8px 16px 0px #00000014; --article-table-of-contents-header-mobile-height: 56px; --quiz-choice-button-border-radius: 27px; --product-details-page-expectations-media-background: #f0f3f7; --product-details-page-titration-header-background: linear-gradient( 180deg, #d9d1bf 0%, #d7d1c1 25%, #d8d2c4 49.6%, #dedbd4 74.6%, #e4e1da 100% ); --product-details-page-titration-background: #f0f3f7; --product-details-page-navigation-back-button-background-hover: linear-gradient( 0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100% ), rgba(0, 0, 0, .24); --product-details-page-navigation-back-button-background-normal: rgba( 0, 0, 0, .24 ); --product-details-page-navigation-item-background-hover: linear-gradient( 0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100% ), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 57.5%), rgba(0, 0, 0, .24); --product-details-page-navigation-item-background-normal: linear-gradient( 0deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .05) 100% ), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 57.5%), rgba(0, 0, 0, .24); --product-details-page-background: #f0f3f7; --content-nav-border-radius: 24px; --med-widget-label-background: rgba(240, 243, 247, .7); --med-widget-content-nav-background: rgba(0, 0, 0, .04); --med-widget-background: #f0f3f7; --border-radius-corner-radius-1000: 62.5rem; --border-radius-corner-radius-400: 5rem; --border-radius-corner-radius-300: 1.5rem; --border-radius-corner-radius-200: 1rem; --border-radius-corner-radius-100: .5rem; --border-radius-corner-radius-50: .25rem; --border-radius-corner-radius-0: 0; --standard-line-height: 1.4; --standard-font-size: 16px; --padding-medium: 1rem; --padding-regular: .75rem; --padding-small: .5rem; --grid-gutter-desktop: 2rem; --grid-gutter-tablet-landscape: 1.5rem; --grid-gutter-tablet-portrait: 1rem; --grid-padding-desktop: 4rem; --grid-padding-tablet-landscape: 3rem; --grid-padding-tablet-portrait: 2rem; --grid-padding-mobile: 1.5rem; --grid-columns: 12; --color-surface-light-secondary: #f5f5f5; --color-highlight: #0da098; --letter-spacing-label: var(--letter-spacing-loose); --letter-spacing-micro: var(--letter-spacing-0); --letter-spacing-body-4: var(--letter-spacing-0); --letter-spacing-body-3: var(--letter-spacing-normal); --letter-spacing-body-2: var(--letter-spacing-normal); --letter-spacing-body-1: var(--letter-spacing-tight); --letter-spacing-h5: var(--letter-spacing-tight); --letter-spacing-h4: var(--letter-spacing-tighter); --letter-spacing-h3: var(--letter-spacing-tighter); --letter-spacing-h2: var(--letter-spacing-tighter); --letter-spacing-h1: var(--letter-spacing-tighter); --letter-spacing-display-3: var(--letter-spacing-tighter); --letter-spacing-display-2: var(--letter-spacing-tighter); --letter-spacing-display-1: var(--letter-spacing-tighter); --label-desktop-strong: var(--font-weight-semibold) 14px/20px "Ro Sans"; --label-desktop-regular: var(--font-weight-semibold) 14px/20px "Ro Sans"; --label-tablet-landscape-strong: var(--font-weight-semibold) 13px/18px "Ro Sans"; --label-tablet-landscape-regular: var(--font-weight-semibold) 13px/18px "Ro Sans"; --label-tablet-portrait-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --label-tablet-portrait-regular: var(--font-weight-semibold) 12px/17px "Ro Sans"; --label-mobile-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --label-mobile-regular: var(--font-weight-semibold) 12px/17px "Ro Sans"; --micro-desktop-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --micro-desktop-regular: var(--font-weight-regular) 12px/17px "Ro Sans"; --micro-tablet-landscape-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --micro-tablet-landscape-regular: var(--font-weight-regular) 12px/17px "Ro Sans"; --micro-mobile-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --micro-mobile-regular: var(--font-weight-regular) 12px/17px "Ro Sans"; --micro-tablet-portrait-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --micro-tablet-portrait-regular: var(--font-weight-regular) 12px/17px "Ro Sans"; --display-1-desktop-strong: var(--font-weight-semibold) 72px/79px "Ro Sans"; --display-1-desktop-regular: var(--font-weight-regular) 72px/86px "Ro Sans"; --display-1-tablet-landscape-strong: var(--font-weight-semibold) 72px/79px "Ro Sans"; --display-1-tablet-landscape-regular: var(--font-weight-regular) 72px/86px "Ro Sans"; --display-1-tablet-portrait-strong: var(--font-weight-semibold) 64px/70px "Ro Sans"; --display-1-tablet-portrait-regular: var(--font-weight-regular) 64px/77px "Ro Sans"; --display-1-mobile-strong: var(--font-weight-semibold) 56px/62px "Ro Sans"; --display-1-mobile-regular: var(--font-weight-regular) 56px/67px "Ro Sans"; --display-2-desktop-strong: var(--font-weight-semibold) 46px/51px "Ro Sans"; --display-2-desktop-regular: var(--font-weight-regular) 46px/55px "Ro Sans"; --display-2-tablet-landscape-strong: var(--font-weight-semibold) 46px/51px "Ro Sans"; --display-2-tablet-landscape-regular: var(--font-weight-regular) 46px/55px "Ro Sans"; --display-2-tablet-portrait-strong: var(--font-weight-semibold) 41px/45px "Ro Sans"; --display-2-tablet-portrait-regular: var(--font-weight-regular) 41px/49px "Ro Sans"; --display-2-mobile-strong: var(--font-weight-semibold) 36px/40px "Ro Sans"; --display-2-mobile-regular: var(--font-weight-regular) 36px/43px "Ro Sans"; --display-3-desktop-strong: var(--font-weight-semibold) 41px/45px "Ro Sans"; --display-3-desktop-regular: var(--font-weight-regular) 41px/49px "Ro Sans"; --display-3-tablet-landscape-strong: var(--font-weight-semibold) 41px/45px "Ro Sans"; --display-3-tablet-landscape-regular: var(--font-weight-regular) 41px/49px "Ro Sans"; --display-3-tablet-portrait-strong: var(--font-weight-semibold) 36px/40px "Ro Sans"; --display-3-tablet-portrait-regular: var(--font-weight-regular) 36px/43px "Ro Sans"; --display-3-mobile-strong: var(--font-weight-semibold) 32px/35px "Ro Sans"; --display-3-mobile-regular: var(--font-weight-regular) 32px/38px "Ro Sans"; --h1-tablet-landscape-strong: var(--font-weight-semibold) 36px/36px "Ro Sans"; --h1-tablet-landscape-regular: var(--font-weight-regular) 36px/43px "Ro Sans"; --h1-desktop-strong: var(--font-weight-semibold) 36px/36px "Ro Sans"; --h1-desktop-regular: var(--font-weight-regular) 36px/43px "Ro Sans"; --h1-tablet-portrait-strong: var(--font-weight-semibold) 32px/32px "Ro Sans"; --h1-tablet-portrait-regular: var(--font-weight-regular) 32px/38px "Ro Sans"; --h1-mobile-strong: var(--font-weight-semibold) 29px/29px "Ro Sans"; --h1-mobile-regular: var(--font-weight-regular) 29px/35px "Ro Sans"; --h2-desktop-strong: var(--font-weight-semibold) 32px/38px "Ro Sans"; --h2-desktop-regular: var(--font-weight-regular) 32px/38px "Ro Sans"; --h2-tablet-landscape-strong: var(--font-weight-semibold) 32px/32px "Ro Sans"; --h2-tablet-landscape-regular: var(--font-weight-regular) 32px/38px "Ro Sans"; --h2-tablet-portrait-strong: var(--font-weight-semibold) 29px/29px "Ro Sans"; --h2-tablet-portrait-regular: var(--font-weight-regular) 29px/35px "Ro Sans"; --h2-mobile-strong: var(--font-weight-semibold) 26px/26px "Ro Sans"; --h2-mobile-regular: var(--font-weight-regular) 26px/31px "Ro Sans"; --h3-desktop-strong: var(--font-weight-semibold) 29px/29px "Ro Sans"; --h3-desktop-regular: var(--font-weight-regular) 29px/35px "Ro Sans"; --h3-tablet-landscape-strong: var(--font-weight-semibold) 29px/29px "Ro Sans"; --h3-tablet-landscape-regular: var(--font-weight-regular) 29px/35px "Ro Sans"; --h3-tablet-portrait-strong: var(--font-weight-semibold) 26px/26px "Ro Sans"; --h3-tablet-portrait-regular: var(--font-weight-regular) 26px/31px "Ro Sans"; --h3-mobile-strong: var(--font-weight-semibold) 23px/23px "Ro Sans"; --h3-mobile-regular: var(--font-weight-regular) 23px/28px "Ro Sans"; --h4-tablet-landscape-strong: var(--font-weight-semibold) 26px/26px "Ro Sans"; --h4-tablet-landscape-regular: var(--font-weight-regular) 26px/31px "Ro Sans"; --h4-tablet-portrait-strong: var(--font-weight-semibold) 23px/23px "Ro Sans"; --h4-tablet-portrait-regular: var(--font-weight-regular) 23px/28px "Ro Sans"; --h4-mobile-strong: var(--font-weight-semibold) 20px/20px "Ro Sans"; --h4-mobile-regular: var(--font-weight-regular) 20px/24px "Ro Sans"; --h4-desktop-strong: var(--font-weight-semibold) 26px/26px "Ro Sans"; --h4-desktop-regular: var(--font-weight-regular) 26px/31px "Ro Sans"; --h5-tablet-landscape-strong: var(--font-weight-semibold) 23px/28px "Ro Sans"; --h5-tablet-landscape-regular: var(--font-weight-regular) 23px/28px "Ro Sans"; --h5-desktop-strong: var(--font-weight-semibold) 23px/23px "Ro Sans"; --h5-desktop-regular: var(--font-weight-regular) 23px/28px "Ro Sans"; --h5-tablet-portrait-strong: var(--font-weight-semibold) 20px/20px "Ro Sans"; --h5-tablet-portrait-regular: var(--font-weight-regular) 20px/24px "Ro Sans"; --h5-mobile-strong: var(--font-weight-semibold) 18px/18px "Ro Sans"; --h5-mobile-regular: var(--font-weight-regular) 18px/22px "Ro Sans"; --body-1-desktop-strong: var(--font-weight-semibold) 18px/25px "Ro Sans"; --body-1-desktop-regular: var(--font-weight-regular) 18px/25px "Ro Sans"; --body-1-tablet-landscape-strong: var(--font-weight-semibold) 18px/25px "Ro Sans"; --body-1-tablet-landscape-regular: var(--font-weight-regular) 18px/25px "Ro Sans"; --body-1-tablet-portrait-strong: var(--font-weight-semibold) 18px/25px "Ro Sans"; --body-1-tablet-portrait-regular: var(--font-weight-regular) 18px/25px "Ro Sans"; --body-1-mobile-strong: var(--font-weight-semibold) 16px/22px "Ro Sans"; --body-1-mobile-regular: var(--font-weight-regular) 16px/22px "Ro Sans"; --body-2-desktop-strong: var(--font-weight-semibold) 16px/22px "Ro Sans"; --body-2-desktop-regular: var(--font-weight-regular) 16px/22px "Ro Sans"; --body-2-tablet-landscape-strong: var(--font-weight-semibold) 16px/22px "Ro Sans"; --body-2-tablet-landscape-regular: var(--font-weight-regular) 16px/22px "Ro Sans"; --body-2-tablet-portrait-strong: var(--font-weight-semibold) 16px/22px "Ro Sans"; --body-2-tablet-portrait-regular: var(--font-weight-regular) 16px/22px "Ro Sans"; --body-2-mobile-strong: var(--font-weight-semibold) 14px/20px "Ro Sans"; --body-2-mobile-regular: var(--font-weight-regular) 14px/20px "Ro Sans"; --body-3-tablet-landscape-strong: var(--font-weight-semibold) 14px/20px "Ro Sans"; --body-3-tablet-landscape-regular: var(--font-weight-regular) 14px/20px "Ro Sans"; --body-3-desktop-strong: var(--font-weight-semibold) 14px/20px "Ro Sans"; --body-3-desktop-regular: var(--font-weight-regular) 14px/20px "Ro Sans"; --body-3-tablet-portrait-strong: var(--font-weight-semibold) 14px/20px "Ro Sans"; --body-3-tablet-portrait-regular: var(--font-weight-regular) 14px/20px "Ro Sans"; --body-3-mobile-strong: var(--font-weight-semibold) 13px/18px "Ro Sans"; --body-3-mobile-regular: var(--font-weight-regular) 13px/18px "Ro Sans"; --body-4-desktop-strong: var(--font-weight-semibold) 13px/18px "Ro Sans"; --body-4-desktop-regular: var(--font-weight-regular) 13px/18px "Ro Sans"; --body-4-tablet-landscape-strong: var(--font-weight-semibold) 13px/18px "Ro Sans"; --body-4-tablet-landscape-regular: var(--font-weight-regular) 13px/18px "Ro Sans"; --body-4-tablet-portrait-strong: var(--font-weight-semibold) 13px/18px "Ro Sans"; --body-4-tablet-portrait-regular: var(--font-weight-regular) 13px/18px "Ro Sans"; --body-4-mobile-strong: var(--font-weight-semibold) 12px/17px "Ro Sans"; --body-4-mobile-regular: var(--font-weight-regular) 12px/17px "Ro Sans"; --semantic-promotion-color: var(--rds-primitive-color-grey-900); --semantic-promotion-background: var( --rds-primitive-color-brand-bright-yellow ); --semantic-alert-contrast-color: var(--rds-primitive-color-grey-0); --ov-question-content-heading-color: var(--rds-primitive-color-grey-900); --ov-header-three-dots-nav-menu-wrapper-background-color: var( --rds-primitive-color-grey-0 ); --ov-header-help-button-color: var(--rds-primitive-color-grey-900); --ov-header-color: var(--rds-primitive-color-grey-900); --ov-header-background: var(--rds-primitive-color-grey-0); --program-tracker-progress-line-separator-color: var( --rds-primitive-color-brand-cool-grey ); --program-tracker-progress-line-background-complete: var( --rds-primitive-color-brand-bright-blue ); --program-tracker-progress-line-background-incomplete: var( --rds-primitive-color-grey-50 ); --carousel-progress-bar-inner-line-on-dark-background-color: var( --rds-primitive-color-grey-0 ); --carousel-progress-bar-inner-line-background-color: var( --rds-primitive-color-grey-900 ); --carousel-progress-bar-line-on-dark-background-color: color-mix( in srgb, var(--rds-primitive-color-grey-0) 50%, transparent ); --carousel-progress-bar-line-background-color: var( --rds-primitive-color-grey-200 ); --modal-heading-color: var(--rds-primitive-color-grey-900); --modal-background: var(--rds-primitive-color-grey-0); --modal-button-background: var(--rds-primitive-color-grey-50); --toast-color: var(--rds-primitive-color-grey-0); --toast-background: var(--rds-primitive-color-grey-900); --tooltip-color: var(--rds-primitive-color-grey-0); --tooltip-background: var(--rds-primitive-color-grey-900); --input-error-border: 1px solid var(--rds-primitive-color-brand-dark-red); --input-readonly-color: var(--rds-primitive-color-grey-500); --input-readonly-background: var(--rds-primitive-color-grey-50); --input-readonly-border: 1px solid var(--rds-primitive-color-grey-200); --input-disabled-color: var(--rds-primitive-color-grey-500); --input-disabled-background: var(--rds-primitive-color-grey-50); --input-disabled-border: 1px solid var(--rds-primitive-color-grey-200); --input-focus-border: 1px solid var(--rds-primitive-color-grey-900); --input-default-color: var(--rds-primitive-color-grey-900); --input-default-background: var(--rds-primitive-color-grey-0); --input-default-border: 1px solid var(--rds-primitive-color-grey-200); --input-label-disabled-color: var(--rds-primitive-color-grey-500); --input-label-error-color: var(--rds-primitive-color-brand-dark-red); --input-label-default-color: var(--rds-primitive-color-grey-600); --input-placeholder-color: var(--rds-primitive-color-grey-600); --button-text-disabled-border: 1px solid var(--rds-primitive-color-grey-400); --button-text-disabled-color: var(--rds-primitive-color-grey-400); --button-text-hover-border: 1px solid var(--rds-primitive-color-grey-1000); --button-text-hover-color: var(--rds-primitive-color-grey-1000); --button-text-default-border: 1px solid var(--rds-primitive-color-grey-900); --button-text-default-color: var(--rds-primitive-color-grey-900); --button-glass-focus-box-shadow: 0px 0px 0px 3px color-mix(in srgb, var(--rds-primitive-color-grey-0) 32%, transparent); --button-glass-pressed-background: var(--rds-primitive-color-grey-50); --button-glass-disabled-background: var(--rds-primitive-color-grey-100); --button-glass-disabled-color: var(--rds-primitive-color-grey-400); --button-glass-hover-background: color-mix( in srgb, var(--rds-primitive-color-grey-0) 72%, transparent ); --button-glass-default-background: color-mix( in srgb, var(--rds-primitive-color-grey-0) 50%, transparent ); --button-glass-default-color: var(--rds-primitive-color-grey-900); --button-alert-pressed-background: var(--rds-primitive-color-grey-100); --button-alert-disabled-background: var(--rds-primitive-color-grey-100); --button-alert-disabled-color: var(--rds-primitive-color-grey-400); --button-alert-hover-background: var(--rds-primitive-color-grey-50); --button-alert-default-box-shadow: inset 0px 0px 0px 1px var(--rds-primitive-color-grey-200); --button-alert-default-background: var(--rds-primitive-color-grey-0); --button-alert-default-color: var(--rds-primitive-color-brand-dark-red); --button-secondary-pressed-background: var(--rds-primitive-color-grey-100); --button-secondary-disabled-background: var(--rds-primitive-color-grey-100); --button-secondary-disabled-color: var(--rds-primitive-color-grey-400); --button-secondary-hover-background: var(--rds-primitive-color-grey-50); --button-secondary-default-box-shadow: inset 0px 0px 0px 1px var(--rds-primitive-color-grey-200); --button-secondary-default-background: var(--rds-primitive-color-grey-0); --button-secondary-default-color: var(--rds-primitive-color-grey-900); --button-primary-pressed-background: var(--rds-primitive-color-grey-600); --button-primary-disabled-background: var(--rds-primitive-color-grey-100); --button-primary-disabled-color: var(--rds-primitive-color-grey-400); --button-primary-hover-background: var(--rds-primitive-color-grey-800); --button-primary-default-background: var(--rds-primitive-color-grey-900); --button-primary-default-color: var(--rds-primitive-color-grey-0); --field-error-color: var(--rds-primitive-color-brand-dark-red); --horizontal-single-choice-selected-disabled-box-shadow: inset 0px 0px 0px 2px var(--rds-primitive-color-grey-400); --horizontal-single-choice-selected-box-shadow: inset 0px 0px 0px 2px var(--rds-primitive-color-grey-900); --horizontal-single-choice-disabled-box-shadow: inset 0px 0px 0px 1px var(--rds-primitive-color-grey-100); --horizontal-single-choice-disabled-color: var( --rds-primitive-color-grey-400 ); --horizontal-single-choice-normal-background: var( --rds-primitive-color-grey-0 ); --horizontal-single-choice-normal-color: var(--rds-primitive-color-grey-900); --toggle-checked-background-color: var( --rds-primitive-color-brand-bright-green ); --toggle-normal-background-color: var(--rds-primitive-color-grey-200); --toggle-border-radius: var(--border-radius-large); --checkbox-disabled-color: var(--rds-primitive-color-grey-400); --checkbox-selected-color: var(--rds-primitive-color-grey-900); --checkbox-normal-color: var(--rds-primitive-color-grey-900); --multi-choice-disabled-color: var(--rds-primitive-color-grey-400); --multi-choice-hover-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-200); --multi-choice-selected-disabled-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-50); --multi-choice-selected-background: var(--rds-primitive-color-grey-0); --multi-choice-selected-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-900); --multi-choice-normal-color: var(--rds-primitive-color-grey-900); --multi-choice-normal-background: var(--rds-primitive-color-grey-0); --multi-choice-normal-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-200); --single-choice-disabled-color: var(--rds-primitive-color-grey-400); --single-choice-hover-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-200); --single-choice-selected-disabled-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-50); --single-choice-selected-background: var(--rds-primitive-color-grey-0); --single-choice-selected-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-900); --single-choice-normal-color: var(--rds-primitive-color-grey-900); --single-choice-normal-background: var(--rds-primitive-color-grey-0); --single-choice-normal-box-shadow: 0 0 0 1px var(--rds-primitive-color-grey-200); --focus-outline-border-normal: 1px solid var(--rds-primitive-color-grey-900); --progress-bar-background-color: var(--rds-primitive-color-grey-50); --ratings-stars-background-color: var(--rds-primitive-color-grey-200); --ratings-stars-primary-color: var(--rds-primitive-color-brand-kelly-green); --inline-nav-border: 1px solid var(--rds-primitive-color-grey-200); --auto-complete-border-radius: var(--border-radius-medium); --auto-complete-background: var(--rds-primitive-color-grey-0); --weight-loss-calculator-thumb-color: var(--rds-primitive-color-grey-400); --weight-loss-calculator-slider-background: var( --rds-primitive-color-brand-kelly-green ); --fastest-ways-to-lose-weight-calculator-results-graph-bar-highlight: var( --rds-primitive-color-brand-bright-green ); --fastest-ways-to-lose-weight-calculator-bottom-text-color: var( --rds-primitive-color-grey-300 ); --important-safety-information-tabs-background: var( --rds-primitive-color-beige-light-warm-neutral ); --bmr-calculator-results-disclaimer-text-color: var( --rds-primitive-color-grey-300 ); --bmi-calculator-results-bottom-text-color: var( --rds-primitive-color-grey-300 ); --bmi-calculator-results-heading-color: var(--rds-primitive-color-grey-0); --article-reviewer-section-background: var( --rds-primitive-color-beige-light-warm-neutral ); --article-hero-banner-light-warm-neutral-background: var( --rds-primitive-color-beige-light-warm-neutral ); --article-hero-banner-light-warm-yellow-background: var( --rds-primitive-color-brand-light-warm-yellow ); --article-hero-banner-teal-background: var(--rds-primitive-color-brand-teal); --article-hero-banner-medium-cool-grey-background: var( --rds-primitive-color-brand-medium-cool-grey ); --article-hero-banner-cool-grey-background: var( --rds-primitive-color-brand-cool-grey ); --article-hero-banner-light-cool-grey-background: var( --rds-primitive-color-brand-light-cool-grey ); --article-hero-banner-beige-warm-neutral-background: var( --rds-primitive-color-beige-warm-neutral ); --article-hero-banner-beige-neutral-background: var( --rds-primitive-color-beige-neutral ); --quiz-choice-button-hover-background: var(--rds-primitive-color-grey-50); --quiz-choice-button-hover-box-shadow: 0 0 0 1.5px var(--rds-primitive-color-grey-600); --quiz-choice-button-selected-box-shadow: 0 0 0 2px var(--rds-primitive-color-grey-900); --quiz-choice-button-box-shadow: 0 0 0 1.5px var(--rds-primitive-color-grey-300); --product-details-page-expectations-nav-item-active-color: var( --rds-primitive-color-grey-0 ); --product-details-page-expectations-nav-item-active-background: var( --rds-primitive-color-grey-900 ); --product-details-page-expectations-nav-item-normal-color: var( --rds-primitive-color-grey-900 ); --product-details-page-expectations-nav-item-normal-background: var( --rds-primitive-color-beige-light-warm-neutral ); --product-details-page-support-section-list-background: var( --rds-primitive-color-beige-light-warm-neutral ); --product-details-page-nav-tiles-background: var( --rds-primitive-color-beige-light-warm-neutral ); --product-details-page-basic-info-separator-color: var( --rds-primitive-color-brand-medium-cool-grey ); --product-details-page-basic-info-link-color-hover: var( --rds-primitive-color-grey-800 ); --product-details-page-basic-info-link-color-normal: var( --rds-primitive-color-grey-900 ); --product-details-page-titration-note-background: var( --rds-primitive-color-brand-medium-cool-grey ); --product-details-page-titration-timeline-border-color: var( --rds-primitive-color-brand-medium-cool-grey ); --media-card-link-button-on-dark-background: var( --rds-primitive-color-grey-600 ); --media-card-link-button-on-light-background: var( --rds-primitive-color-grey-800 ); --media-card-background-dark: var(--rds-primitive-color-grey-800); --media-card-background-light: var( --rds-primitive-color-beige-light-warm-neutral ); --content-nav-background: var(--rds-primitive-color-beige-neutral); --insurance-checker-credit-disclaimer-border: 1px dashed color-mix(in srgb, var(--rds-primitive-color-grey-1000) 10%, transparent); --insurance-checker-credit-disclaimer-background: var( --rds-primitive-color-brand-light-green ); --color-border-subtle-6: color-mix( in srgb, var(--rds-primitive-color-grey-0) 16%, transparent ); --color-border-subtle-5: color-mix( in srgb, var(--rds-primitive-color-grey-1000) 20%, transparent ); --color-border-subtle-4: color-mix( in srgb, var(--rds-primitive-color-grey-1000) 10%, transparent ); --color-border-subtle-3: var(--rds-primitive-color-grey-600); --color-border-subtle-2: var(--rds-primitive-color-grey-200); --color-border-subtle-1: var(--rds-primitive-color-grey-100); --color-border-light: var(--rds-primitive-color-grey-0); --color-border-dark: var(--rds-primitive-color-grey-900); --color-text-on-dark-alert: var(--rds-primitive-color-brand-dark-red); --color-text-on-dark-accent-secondary: var( --rds-primitive-color-brand-bright-green ); --color-text-on-dark-accent: var(--rds-primitive-color-brand-bright-green); --color-text-on-dark-tertiary: var(--rds-primitive-color-grey-500); --color-text-on-dark-secondary: var(--rds-primitive-color-grey-200); --color-text-on-dark-primary: var(--rds-primitive-color-grey-0); --color-text-on-light-alert: var(--rds-primitive-color-brand-dark-red); --color-text-on-light-accent-small: var( --rds-primitive-color-brand-kelly-green-small-text ); --color-text-on-light-accent-secondary: var( --rds-primitive-color-brand-bright-green ); --color-text-on-light-accent: var(--rds-primitive-color-brand-kelly-green); --color-text-on-light-tertiary: var(--rds-primitive-color-grey-500); --color-text-on-light-secondary: var(--rds-primitive-color-grey-600); --color-text-on-light-primary: var(--rds-primitive-color-grey-900); --color-surface-subtle-3: var(--rds-primitive-color-brand-light-cool-grey); --color-surface-subtle-2: var(--rds-primitive-color-beige-warm-neutral); --color-surface-subtle-1: var(--rds-primitive-color-beige-neutral); --color-surface-dark: var(--rds-primitive-color-grey-900); --color-surface-light: var(--rds-primitive-color-grey-0); --input-font: var(--body-1-mobile-regular); --toggle-color: var(--color-surface-light); --inline-nav-background-color: var(--color-surface-light); --promobar-color: var(--semantic-promotion-color); --promobar-background: var(--semantic-promotion-background); --tabs-active-border: 1px solid var(--color-border-dark); --tabs-active-color: var(--color-text-on-light-primary); --tabs-color: var(--color-text-on-light-secondary); --tabs-background: var(--color-surface-light); --bmi-calculator-results-active-mask-background: var( --semantic-promotion-background ); --content-nav-border-color: var(--color-border-subtle-4); } :root { --foundations-color-gray-0: #ffffff; --foundations-color-gray-50: #f2f2f2; --foundations-color-gray-100: #dddddd; --foundations-color-gray-200: #cccccc; --foundations-color-gray-300: #999999; --foundations-color-gray-400: #828282; --foundations-color-gray-500: #666666; --foundations-color-gray-600: #444444; --foundations-color-gray-800: #333333; --foundations-color-gray-1000: #1a1a1a; --foundations-color-gray-1000a100: #1a1a1a1a; --foundations-color-gray-1000a200: #1a1a1a33; --foundations-color-gray-0a160: #ffffff29; --foundations-color-gray-1000a500: #1a1a1a80; --foundations-color-gray-0a600: #ffffff99; --foundations-color-gray-1000a900: #1a1a1ae6; --foundations-color-gray-1000a800: #1a1a1acc; --foundations-color-gray-1000a600: #1a1a1a99; --foundations-color-gray-0a800: #ffffffcc; --foundations-color-gray-0a900: #ffffffe6; --foundations-color-gray-0a200: #ffffff3d; --foundations-color-gray-0a0: #ffffff00; --foundations-color-gray-1000a0: #1a1a1a00; --foundations-color-gray-1000a50: #1a1a1a0d; --foundations-color-gray-0a50: #ffffff0d; --foundations-color-warmneutral-100: #fdfdfc; --foundations-color-warmneutral-200: #fcfbfa; --foundations-color-warmneutral-400: #f8f6f4; --foundations-color-warmneutral-1000: #eee9e4; --foundations-color-warmneutral-1100: #d6d2cd; --foundations-color-kellygreen-100: #e7f4ee; --foundations-color-kellygreen-200: #cfeadd; --foundations-color-kellygreen-400: #a0d5bb; --foundations-color-kellygreen-1000: #119555; --foundations-color-kellygreen-1100: #0e7744; --foundations-color-richblue-100: #ebf0f7; --foundations-color-richblue-200: #d7e1ef; --foundations-color-richblue-400: #aec3e0; --foundations-color-richblue-1000: #356ab1; --foundations-color-richblue-1100: #2a558e; --foundations-color-richblue-1000a600: #356ab199; --foundations-color-brightred-100: #fff0ee; --foundations-color-brightred-200: #ffe0dd; --foundations-color-brightred-400: #ffc1bb; --foundations-color-brightred-1000: #ff6554; --foundations-color-brightred-1100: #cc5143; --foundations-color-brightred-1000a100: #ff65541a; --foundations-color-orange-100: #fff6f1; --foundations-color-orange-200: #ffede3; --foundations-color-orange-400: #ffdbc7; --foundations-color-orange-1000: #ffa674; --foundations-color-orange-1100: #cc855d; --foundations-color-brightyellow-100: #fefff6; --foundations-color-brightyellow-200: #fcffed; --foundations-color-brightyellow-400: #f9fedb; --foundations-color-brightyellow-1000: #f1fda6; --foundations-color-brightyellow-1100: #c1ca85; --foundations-color-coolgray-100: #f8f9fb; --foundations-color-coolgray-200: #f1f3f6; --foundations-color-coolgray-400: #e3e7ed; --foundations-color-coolgray-600: #d6dbe5; --foundations-color-coolgray-800: #c8cfdc; --foundations-color-coolgray-1000: #bac3d3; --foundations-color-coolgray-1100: #959ca9; --foundations-color-coolgray-400a400: #e3e7ed66; --foundations-color-teal-100: #f7fbfb; --foundations-color-teal-200: #eff7f7; --foundations-color-teal-400: #deefee; --foundations-color-teal-1000: #add8d5; --foundations-color-teal-1100: #7d9b9a; --foundations-color-richbrown-100: #f1edec; --foundations-color-richbrown-200: #e3dad9; --foundations-color-richbrown-400: #c8b5b3; --foundations-color-richbrown-1000: #754742; --foundations-color-richbrown-1100: #5e3935; --foundations-color-purple-100: #eeecf6; --foundations-color-purple-200: #dddaee; --foundations-color-purple-400: #bbb5dd; --foundations-color-purple-1000: #5645aa; --foundations-color-purple-1100: #453788; --foundations-color-steelblue-100: #edeff1; --foundations-color-steelblue-200: #dcdfe3; --foundations-color-steelblue-400: #b9bfc8; --foundations-color-steelblue-1000: #4f5f75; --foundations-color-steelblue-1100: #475669; --foundations-color-steelblue-1000a600: #4f5f7599; --foundations-font-family-additional: "Helvetica Neue"; --foundations-font-family-default: "Ro Sans"; --foundations-font-family-technical: "IBM Plex Mono"; --foundations-font-size-small-100: .625rem; --foundations-font-size-small-200: .75rem; --foundations-font-size-small-300: .812rem; --foundations-font-size-body-100: .875rem; --foundations-font-size-body-150: .938rem; --foundations-font-size-body-200: 1rem; --foundations-font-size-body-250: 1.062rem; --foundations-font-size-body-300: 1.125rem; --foundations-font-size-medium-100: 1.25rem; --foundations-font-size-medium-200: 1.438rem; --foundations-font-size-medium-300: 1.625rem; --foundations-font-size-large-100: 1.812rem; --foundations-font-size-large-200: 2rem; --foundations-font-size-large-300: 2.125rem; --foundations-font-size-large-400: 2.25rem; --foundations-font-size-large-500: 2.375rem; --foundations-font-size-large-600: 2.5rem; --foundations-font-size-giant-100: 3rem; --foundations-font-size-giant-200: 3.25rem; --foundations-font-size-giant-300: 3.5rem; --foundations-font-lineheight-small-100: .875rem; --foundations-font-lineheight-small-200: 1rem; --foundations-font-lineheight-small-300: 1.125rem; --foundations-font-lineheight-body-100: 1.25rem; --foundations-font-lineheight-body-150: 1.312rem; --foundations-font-lineheight-body-200: 1.375rem; --foundations-font-lineheight-body-250: 1.5rem; --foundations-font-lineheight-body-300: 1.625rem; --foundations-font-lineheight-medium-100: 1.375rem; --foundations-font-lineheight-medium-200: 1.5rem; --foundations-font-lineheight-medium-300: 1.75rem; --foundations-font-lineheight-medium-400: 2rem; --foundations-font-lineheight-large-100: 2.25rem; --foundations-font-lineheight-large-200: 2rem; --foundations-font-lineheight-large-300: 2.125rem; --foundations-font-lineheight-large-400: 2.25rem; --foundations-font-lineheight-large-500: 2.375rem; --foundations-font-lineheight-large-600: 2.5rem; --foundations-font-lineheight-giant-100: 3rem; --foundations-font-lineheight-giant-200: 3.25rem; --foundations-font-lineheight-giant-300: 3.5rem; --foundations-font-weight-regular: 400; --foundations-font-weight-semibold: 600; --foundations-font-weight-bold: 800; --foundations-font-letterspacing-tight: .03em; --foundations-font-letterspacing-loose: 0em; --foundations-font-letterspacing-normal: .01em; --foundations-border-radius-none: 0px; --foundations-border-radius-small: 4px; --foundations-border-radius-full: 1000px; --foundations-border-radius-medium-100: 8px; --foundations-border-radius-medium-200: 12px; --foundations-border-radius-large-100: 16px; --foundations-border-radius-large-200: 24px; --foundations-border-thickness-small-100: 1px; --foundations-border-thickness-small-200: 2px; --foundations-border-thickness-medium: 2px; --foundations-border-thickness-large: 3px; --foundations-border-thickness-xlarge: 4px; --foundations-space-0: 0rem; --foundations-space-25: .125rem; --foundations-space-50: .25rem; --foundations-space-75: .375rem; --foundations-space-100: .5rem; --foundations-space-125: .625rem; --foundations-space-150: .75rem; --foundations-space-200: 1rem; --foundations-space-250: 1.25rem; --foundations-space-300: 1.5rem; --foundations-space-400: 2rem; --foundations-space-500: 2.5rem; --foundations-space-600: 3rem; --foundations-space-700: 3.5rem; --foundations-space-800: 4rem; --foundations-space-900: 4.5rem; --foundations-space-1000: 5rem; --foundations-space-1200: 6rem; --foundations-space-1600: 8rem; --foundations-space-2000: 10rem; --foundations-breakpoint-width-small: 390px; --foundations-breakpoint-width-medium: 768px; --foundations-breakpoint-width-large: 1440px; --foundations-icons-borderthickness-small: 1.3px; --foundations-icons-borderthickness-medium: 1.5px; --foundations-icons-borderthickness-large: 1.8px; --foundations-icons-borderthickness-xlarge: 2px; --foundations-icons-size-small: 16px; --foundations-icons-size-medium: 24px; --foundations-icons-size-large: 32px; --foundations-icons-size-xlarge: 40px; --foundations-elevation-blur: 24px; --pxds-surface-base-default: var(--foundations-color-gray-0); --pxds-surface-base-alternative: var(--foundations-color-coolgray-200); --pxds-surface-base-inverse: var(--foundations-color-gray-1000); --pxds-surface-neutral-subtle: var(--foundations-color-gray-50); --pxds-surface-neutral-subtleemphasis: var( --foundations-color-warmneutral-400 ); --pxds-surface-neutral-subtlecontrast: var(--foundations-color-coolgray-200); --pxds-surface-neutral-strong: var(--foundations-color-gray-100); --pxds-surface-neutral-strongemphasis: var( --foundations-color-warmneutral-1000 ); --pxds-surface-neutral-strongcontrast: var(--foundations-color-coolgray-1000); --pxds-surface-feedback-positive-extra-subtle: var( --foundations-color-kellygreen-100 ); --pxds-surface-feedback-positive-subtle: var( --foundations-color-kellygreen-200 ); --pxds-surface-feedback-positive-strong: var( --foundations-color-kellygreen-1000 ); --pxds-surface-feedback-negative-subtle: var( --foundations-color-brightred-200 ); --pxds-surface-feedback-negative-strong: var( --foundations-color-brightred-1000 ); --pxds-surface-feedback-warning-subtle: var(--foundations-color-orange-200); --pxds-surface-feedback-warning-strong: var(--foundations-color-orange-1000); --pxds-surface-interactive-primary-rest: var(--foundations-color-gray-1000); --pxds-surface-interactive-primary-hover: var(--foundations-color-gray-600); --pxds-surface-interactive-primary-press: var(--foundations-color-gray-500); --pxds-surface-interactive-primary-disabled: var(--foundations-color-gray-50); --pxds-surface-interactive-secondary-rest: var(--foundations-color-gray-0); --pxds-surface-interactive-secondary-hover: var(--foundations-color-gray-100); --pxds-surface-interactive-secondary-press: var(--foundations-color-gray-200); --pxds-surface-interactive-secondary-disabled: var( --foundations-color-gray-50 ); --pxds-surface-interactive-tertiary-rest: var( --foundations-color-coolgray-400 ); --pxds-surface-interactive-tertiary-hover: var( --foundations-color-coolgray-600 ); --pxds-surface-interactive-tertiary-press: var( --foundations-color-coolgray-800 ); --pxds-surface-interactive-tertiary-disabled: var( --foundations-color-gray-50 ); --pxds-surface-interactive-blur-dark-rest: var( --foundations-color-gray-1000a600 ); --pxds-surface-interactive-blur-dark-hover: var( --foundations-color-gray-1000a800 ); --pxds-surface-interactive-blur-dark-press: var( --foundations-color-gray-1000a900 ); --pxds-surface-interactive-blur-dark-disabled: var( --foundations-color-gray-1000a800 ); --pxds-surface-interactive-blur-light-rest: var( --foundations-color-gray-0a600 ); --pxds-surface-interactive-blur-light-hover: var( --foundations-color-gray-0a800 ); --pxds-surface-interactive-blur-light-press: var( --foundations-color-gray-0a900 ); --pxds-surface-interactive-blur-light-disabled: var( --foundations-color-gray-0a800 ); --pxds-surface-interactive-destructive-primary-rest: var( --foundations-color-brightred-100 ); --pxds-surface-interactive-destructive-primary-hover: var( --foundations-color-brightred-200 ); --pxds-surface-interactive-destructive-primary-press: var( --foundations-color-brightred-400 ); --pxds-surface-interactive-destructive-primary-disabled: var( --foundations-color-gray-50 ); --pxds-surface-interactive-destructive-secondary-rest: var( --foundations-color-gray-0 ); --pxds-surface-interactive-destructive-secondary-hover: var( --foundations-color-gray-0 ); --pxds-surface-interactive-destructive-secondary-press: var( --foundations-color-brightred-1000a100 ); --pxds-surface-interactive-destructive-secondary-disabled: var( --foundations-color-gray-50 ); --pxds-surface-overlay-dark: var(--foundations-color-gray-1000a600); --pxds-surface-overlay-light: var(--foundations-color-gray-0a600); --pxds-surface-overlay-blurstrong: var(--foundations-color-gray-1000a600); --pxds-surface-overlay-blursubtle: var(--foundations-color-gray-1000a200); --pxds-surface-overlay-blursubtleinverse: var(--foundations-color-gray-0a200); --pxds-surface-overlay-blurstronginverse: var(--foundations-color-gray-0a600); --pxds-surface-overlay-none: var(--foundations-color-gray-0a0); --pxds-surface-overlay-subtle: var(--foundations-color-gray-1000a100); --pxds-surface-overlay-extrasubtle: var(--foundations-color-gray-1000a50); --pxds-surface-accent-subtle: var(--foundations-color-steelblue-200); --pxds-surface-accent-emphasize: var(--foundations-color-brightyellow-1000); --pxds-surface-accent-strong: var(--foundations-color-steelblue-1000); --pxds-text-neutral-primary: var(--foundations-color-gray-1000); --pxds-text-neutral-secondary: var(--foundations-color-gray-600); --pxds-text-neutral-tertiary: var(--foundations-color-gray-500); --pxds-text-neutral-disabled: var(--foundations-color-gray-300); --pxds-text-neutral-placeholder: var(--foundations-color-gray-400); --pxds-text-neutral-inverse: var(--foundations-color-gray-0); --pxds-text-neutral-emphasis: var(--foundations-color-gray-1000); --pxds-text-neutral-strongaccent: var(--foundations-color-gray-0); --pxds-text-feedback-positive: var(--foundations-color-kellygreen-1100); --pxds-text-feedback-negative: var(--foundations-color-brightred-1100); --pxds-text-feedback-warning: var(--foundations-color-richbrown-1100); --pxds-text-interactive-rest: var(--foundations-color-gray-1000); --pxds-text-interactive-hover: var(--foundations-color-gray-600); --pxds-text-interactive-press: var(--foundations-color-gray-500); --pxds-text-interactive-disabled: var(--foundations-color-gray-300); --pxds-border-neutral-subtle: var(--foundations-color-gray-200); --pxds-border-neutral-extrasubtle: var(--foundations-color-gray-100); --pxds-border-neutral-strong: var(--foundations-color-gray-1000); --pxds-border-feedback-positive-subtle: var( --foundations-color-kellygreen-400 ); --pxds-border-feedback-positive-strong: var( --foundations-color-kellygreen-1100 ); --pxds-border-feedback-negative-subtle: var( --foundations-color-brightred-400 ); --pxds-border-feedback-negative-strong: var( --foundations-color-brightred-1100 ); --pxds-border-feedback-warning-subtle: var(--foundations-color-orange-400); --pxds-border-feedback-warning-strong: var(--foundations-color-orange-1100); --pxds-border-feedback-focus-base: var(--foundations-color-richblue-1000a600); --pxds-border-interactive-default-rest: var(--foundations-color-gray-100); --pxds-border-interactive-default-hover: var(--foundations-color-gray-100); --pxds-border-interactive-default-press: var(--foundations-color-gray-200); --pxds-border-interactive-default-disabled: var(--foundations-color-gray-50); --pxds-border-interactive-destructive-rest: var( --foundations-color-brightred-400 ); --pxds-border-interactive-destructive-hover: var( --foundations-color-brightred-1100 ); --pxds-border-interactive-destructive-press: var( --foundations-color-brightred-1100 ); --pxds-border-interactive-destructive-disabled: var( --foundations-color-gray-50 ); --pxds-border-radius-base: var(--foundations-border-radius-large-100); --pxds-border-radius-none: var(--foundations-border-radius-none); --pxds-border-radius-small-100: var(--foundations-border-radius-small); --pxds-border-radius-small-200: var(--foundations-border-radius-medium-100); --pxds-border-radius-large: var(--foundations-border-radius-large-200); --pxds-border-radius-full: var(--foundations-border-radius-full); --pxds-border-radius-medium: var(--foundations-border-radius-medium-200); --pxds-border-thickness-base: var(--foundations-border-thickness-small-100); --pxds-border-thickness-large: var(--foundations-border-thickness-medium); --pxds-border-thickness-medium: var(--foundations-border-thickness-small-200); --pxds-divider-subtle: var(--foundations-color-gray-1000a100); --pxds-divider-strong: var(--foundations-color-gray-1000a200); --pxds-icons-neutral-primary: var(--foundations-color-gray-1000); --pxds-icons-neutral-secondary: var(--foundations-color-gray-600); --pxds-icons-neutral-tertiary: var(--foundations-color-gray-500); --pxds-icons-neutral-disabled: var(--foundations-color-gray-300); --pxds-icons-neutral-placeholder: var(--foundations-color-gray-400); --pxds-icons-neutral-inverse: var(--foundations-color-gray-0); --pxds-icons-neutral-emphasis: var(--foundations-color-gray-1000); --pxds-icons-feedback-positive: var(--foundations-color-kellygreen-1100); --pxds-icons-feedback-negative: var(--foundations-color-brightred-1100); --pxds-icons-feedback-warning: var(--foundations-color-richbrown-1100); --pxds-icons-interactive-rest: var(--foundations-color-gray-1000); --pxds-icons-interactive-hover: var(--foundations-color-gray-600); --pxds-icons-interactive-press: var(--foundations-color-gray-500); --pxds-icons-interactive-disabled: var(--foundations-color-gray-300); --pxds-font-family-default: var(--foundations-font-family-default); --pxds-font-weight-regular: var(--foundations-font-weight-regular); --pxds-font-weight-semibold: var(--foundations-font-weight-semibold); --pxds-font-size-body-xsmall: var(--foundations-font-size-small-200); --pxds-font-size-body-small: var(--foundations-font-size-small-300); --pxds-font-size-body-base: var(--foundations-font-size-body-100); --pxds-font-size-body-large: var(--foundations-font-size-body-200); --pxds-font-size-body-micro: var(--foundations-font-size-small-100); --pxds-font-size-heading-h5: var(--foundations-font-size-body-300); --pxds-font-size-heading-h4: var(--foundations-font-size-medium-100); --pxds-font-size-heading-h3: var(--foundations-font-size-medium-200); --pxds-font-size-heading-h2: var(--foundations-font-size-medium-300); --pxds-font-size-heading-h1: var(--foundations-font-size-large-100); --pxds-font-size-display-large: var(--foundations-font-size-large-200); --pxds-font-size-display-xlarge: var(--foundations-font-size-large-400); --pxds-font-size-display-giant: var(--foundations-font-size-giant-100); --pxds-font-lineheight-body-xsmall: var( --foundations-font-lineheight-small-200 ); --pxds-font-lineheight-body-small: var( --foundations-font-lineheight-small-300 ); --pxds-font-lineheight-body-base: var(--foundations-font-lineheight-body-100); --pxds-font-lineheight-body-large: var( --foundations-font-lineheight-body-200 ); --pxds-font-lineheight-body-micro: var( --foundations-font-lineheight-small-100 ); --pxds-font-lineheight-heading-h5: var( --foundations-font-lineheight-medium-100 ); --pxds-font-lineheight-heading-h4: var( --foundations-font-lineheight-medium-200 ); --pxds-font-lineheight-heading-h3: var( --foundations-font-lineheight-medium-300 ); --pxds-font-lineheight-heading-h2: var( --foundations-font-lineheight-medium-400 ); --pxds-font-lineheight-heading-h1: var( --foundations-font-lineheight-large-100 ); --pxds-font-lineheight-display-large: var( --foundations-font-lineheight-large-200 ); --pxds-font-lineheight-display-xlarge: var( --foundations-font-lineheight-large-400 ); --pxds-font-lineheight-display-giant: var( --foundations-font-lineheight-giant-100 ); --pxds-font-letterspacing-display: var( --foundations-font-letterspacing-tight ); --pxds-font-letterspacing-heading: var( --foundations-font-letterspacing-normal ); --pxds-font-letterspacing-body: var(--foundations-font-letterspacing-loose); --pxds-elevation-backgroundblur: var(--foundations-elevation-blur); --pxds-space-none: var(--foundations-space-0); --pxds-space-micro: var(--foundations-space-25); --pxds-space-xsmall: var(--foundations-space-75); --pxds-space-xxsmall: var(--foundations-space-50); --pxds-space-small: var(--foundations-space-100); --pxds-space-compact: var(--foundations-space-125); --pxds-space-medium: var(--foundations-space-150); --pxds-space-base: var(--foundations-space-200); --pxds-space-large: var(--foundations-space-300); --pxds-space-xlarge: var(--foundations-space-400); --pxds-space-giant: var(--foundations-space-600); --pxds-space-scalable-gap-section-default-scale: var(--foundations-space-50); --pxds-space-scalable-gap-section-large-scale: var(--foundations-space-50); --pxds-space-scalable-gap-component-default-scale: var( --foundations-space-100 ); --pxds-space-scalable-padding-inset: var(--foundations-space-200); --pxds-space-scalable-padding-full-bleed: var(--foundations-space-300); --pxds-space-scalable-padding-slider: var(--foundations-space-200); --pxds-space-scalable-margin-horizontal: var(--foundations-space-200); --pxds-space-scalable-margin-veritical: var(--foundations-space-400); --pxds-space-grid-pagemargin-base: var(--foundations-space-200); --pxds-space-grid-gutter: var(--foundations-space-100); --pxds-temp-surface-sr-awaiting-ro: var(--foundations-color-richblue-1100); --pxds-temp-surface-sr-awaiting-patient: #b65c1b; --pxds-temp-surface-sr-awaiting-resolution-confirmation: #276971; --pxds-temp-surface-sr-resolved: var(--foundations-color-kellygreen-1100); --pxds-temp-surface-sr-closed: var(--foundations-color-gray-500); --pxds-temp-surface-sr-processing: #554758; --pxds-temp-surface-sr-escalated: var(--foundations-color-gray-500); --pxds-temp-text-ai-autoresponse-header: #453788; } @media (min-width: 768px) { :root { --pxds-font-size-body-xsmall: var(--foundations-font-size-small-300); --pxds-font-size-body-small: var(--foundations-font-size-body-100); --pxds-font-size-body-base: var(--foundations-font-size-body-150); --pxds-font-size-body-large: var(--foundations-font-size-body-250); --pxds-font-size-heading-h5: var(--foundations-font-size-medium-100); --pxds-font-size-heading-h4: var(--foundations-font-size-medium-200); --pxds-font-size-heading-h3: var(--foundations-font-size-medium-300); --pxds-font-size-heading-h2: var(--foundations-font-size-large-100); --pxds-font-size-heading-h1: var(--foundations-font-size-large-200); --pxds-font-size-display-large: var(--foundations-font-size-large-400); --pxds-font-size-display-xlarge: var(--foundations-font-size-large-600); --pxds-font-size-display-giant: var(--foundations-font-size-giant-200); --pxds-font-lineheight-body-xsmall: var( --foundations-font-lineheight-small-300 ); --pxds-font-lineheight-body-small: var( --foundations-font-lineheight-body-100 ); --pxds-font-lineheight-body-base: var( --foundations-font-lineheight-body-150 ); --pxds-font-lineheight-body-large: var( --foundations-font-lineheight-body-250 ); --pxds-font-lineheight-heading-h5: var( --foundations-font-lineheight-medium-200 ); --pxds-font-lineheight-heading-h4: var( --foundations-font-lineheight-medium-300 ); --pxds-font-lineheight-heading-h3: var( --foundations-font-lineheight-medium-400 ); --pxds-font-lineheight-heading-h2: var( --foundations-font-lineheight-large-100 ); --pxds-font-lineheight-heading-h1: var( --foundations-font-lineheight-large-500 ); --pxds-font-lineheight-display-large: var( --foundations-font-lineheight-large-400 ); --pxds-font-lineheight-display-xlarge: var( --foundations-font-lineheight-large-600 ); --pxds-font-lineheight-display-giant: var( --foundations-font-lineheight-giant-200 ); --pxds-breakpoint-default: var(--foundations-breakpoint-width-medium); --pxds-breakpoint-desktop: var(--foundations-breakpoint-width-large); --pxds-space-xlarge: var(--foundations-space-500); --pxds-space-giant: var(--foundations-space-700); --pxds-space-scalable-gap-section-default-scale: var( --foundations-space-100 ); --pxds-space-scalable-gap-section-large-scale: var(--foundations-space-300); --pxds-space-scalable-gap-component-default-scale: var( --foundations-space-150 ); --pxds-space-scalable-padding-inset: var(--foundations-space-300); --pxds-space-scalable-padding-full-bleed: var(--foundations-space-400); --pxds-space-scalable-padding-slider: var(--foundations-space-250); --pxds-space-scalable-margin-horizontal: var(--foundations-space-400); --pxds-space-scalable-margin-veritical: var(--foundations-space-600); --pxds-space-grid-pagemargin-base: var(--foundations-space-400); --pxds-space-grid-gutter: var(--foundations-space-150); } } .surface-dark { --pxds-surface-base-default: var(--foundations-color-gray-1000); --pxds-surface-base-alternative: var(--foundations-color-gray-800); --pxds-surface-base-inverse: var(--foundations-color-gray-0); --pxds-surface-neutral-subtle: var(--foundations-color-gray-800); --pxds-surface-neutral-subtleemphasis: var(--foundations-color-gray-800); --pxds-surface-neutral-subtlecontrast: var(--foundations-color-gray-800); --pxds-surface-neutral-strong: var(--foundations-color-gray-600); --pxds-surface-neutral-strongemphasis: var(--foundations-color-gray-600); --pxds-surface-neutral-strongcontrast: var(--foundations-color-gray-600); --pxds-surface-interactive-primary-rest: var(--foundations-color-gray-0); --pxds-surface-interactive-primary-hover: var(--foundations-color-gray-200); --pxds-surface-interactive-primary-press: var(--foundations-color-gray-300); --pxds-surface-interactive-primary-disabled: var( --foundations-color-gray-800 ); --pxds-surface-interactive-secondary-rest: var(--foundations-color-gray-1000); --pxds-surface-interactive-secondary-hover: var(--foundations-color-gray-600); --pxds-surface-interactive-secondary-press: var(--foundations-color-gray-500); --pxds-surface-interactive-secondary-disabled: var( --foundations-color-gray-800 ); --pxds-surface-interactive-tertiary-rest: var(--foundations-color-gray-600); --pxds-surface-interactive-tertiary-hover: var(--foundations-color-gray-500); --pxds-surface-interactive-tertiary-press: var(--foundations-color-gray-400); --pxds-surface-interactive-tertiary-disabled: var( --foundations-color-gray-800 ); --pxds-surface-interactive-blur-dark-rest: var( --foundations-color-gray-0a600 ); --pxds-surface-interactive-blur-dark-hover: var( --foundations-color-gray-0a800 ); --pxds-surface-interactive-blur-dark-press: var( --foundations-color-gray-0a900 ); --pxds-surface-interactive-blur-dark-disabled: var( --foundations-color-gray-0a800 ); --pxds-surface-interactive-blur-light-rest: var( --foundations-color-gray-1000a600 ); --pxds-surface-interactive-blur-light-hover: var( --foundations-color-gray-1000a800 ); --pxds-surface-interactive-blur-light-press: var( --foundations-color-gray-1000a900 ); --pxds-surface-interactive-blur-light-disabled: var( --foundations-color-gray-1000a800 ); --pxds-surface-interactive-destructive-primary-disabled: var( --foundations-color-gray-800 ); --pxds-surface-interactive-destructive-secondary-rest: var( --foundations-color-gray-1000 ); --pxds-surface-interactive-destructive-secondary-hover: var( --foundations-color-gray-1000 ); --pxds-surface-interactive-destructive-secondary-disabled: var( --foundations-color-gray-800 ); --pxds-surface-overlay-blurstrong: var(--foundations-color-gray-0a600); --pxds-surface-overlay-blursubtle: var(--foundations-color-gray-0a200); --pxds-surface-overlay-blursubtleinverse: var( --foundations-color-gray-1000a200 ); --pxds-surface-overlay-blurstronginverse: var( --foundations-color-gray-1000a600 ); --pxds-surface-overlay-none: var(--foundations-color-gray-1000a0); --pxds-surface-overlay-subtle: var(--foundations-color-gray-0a160); --pxds-surface-overlay-extrasubtle: var(--foundations-color-gray-0a50); --pxds-surface-accent-subtle: var(--foundations-color-steelblue-1000a600); --pxds-surface-accent-strong: var(--foundations-color-steelblue-1100); --pxds-text-neutral-primary: var(--foundations-color-gray-0); --pxds-text-neutral-secondary: var(--foundations-color-gray-100); --pxds-text-neutral-tertiary: var(--foundations-color-gray-200); --pxds-text-neutral-disabled: var(--foundations-color-gray-400); --pxds-text-neutral-placeholder: var(--foundations-color-gray-300); --pxds-text-neutral-inverse: var(--foundations-color-gray-1000); --pxds-text-feedback-positive: var(--foundations-color-kellygreen-1000); --pxds-text-feedback-negative: var(--foundations-color-brightred-1000); --pxds-text-feedback-warning: var(--foundations-color-richbrown-1000); --pxds-text-interactive-rest: var(--foundations-color-gray-0); --pxds-text-interactive-hover: var(--foundations-color-gray-200); --pxds-text-interactive-press: var(--foundations-color-gray-300); --pxds-text-interactive-disabled: var(--foundations-color-gray-600); --pxds-border-neutral-subtle: var(--foundations-color-gray-500); --pxds-border-neutral-extrasubtle: var(--foundations-color-gray-600); --pxds-border-neutral-strong: var(--foundations-color-gray-0); --pxds-border-interactive-default-rest: var(--foundations-color-gray-600); --pxds-border-interactive-default-hover: var(--foundations-color-gray-600); --pxds-border-interactive-default-press: var(--foundations-color-gray-500); --pxds-border-interactive-default-disabled: var(--foundations-color-gray-800); --pxds-border-interactive-destructive-hover: var( --foundations-color-brightred-1000 ); --pxds-border-interactive-destructive-press: var( --foundations-color-brightred-1000 ); --pxds-border-interactive-destructive-disabled: var( --foundations-color-gray-800 ); --pxds-divider-subtle: var(--foundations-color-gray-0a160); --pxds-divider-strong: var(--foundations-color-gray-0a200); --pxds-icons-neutral-primary: var(--foundations-color-gray-0); --pxds-icons-neutral-secondary: var(--foundations-color-gray-100); --pxds-icons-neutral-tertiary: var(--foundations-color-gray-200); --pxds-icons-neutral-disabled: var(--foundations-color-gray-400); --pxds-icons-neutral-placeholder: var(--foundations-color-gray-300); --pxds-icons-neutral-inverse: var(--foundations-color-gray-1000); --pxds-icons-feedback-positive: var(--foundations-color-kellygreen-1000); --pxds-icons-feedback-negative: var(--foundations-color-brightred-1000); --pxds-icons-feedback-warning: var(--foundations-color-richbrown-1000); --pxds-icons-interactive-rest: var(--foundations-color-gray-0); --pxds-icons-interactive-hover: var(--foundations-color-gray-200); --pxds-icons-interactive-press: var(--foundations-color-gray-300); --pxds-icons-interactive-disabled: var(--foundations-color-gray-600); } * { box-sizing: border-box; } html { position: relative; background: var(--color-surface-light); color: var(--color-text-on-light-primary); font-size: var(--standard-font-size); font-family: "Ro Sans", sans-serif; font-weight: var(--font-weight-regular); line-height: var(--standard-line-height); -webkit-font-smoothing: antialiased; } :root { --vertical-margin: var(--rds-primitive-mobile-margins-vertical-margin); --vertical-margin-large: var( --rds-primitive-mobile-margins-vertical-margin-large ); --paddings-padding-000: var(--rds-primitive-mobile-paddings-padding-000); --paddings-padding-050: var(--rds-primitive-mobile-paddings-padding-050); --paddings-padding-100: var(--rds-primitive-mobile-paddings-padding-100); --paddings-padding-150: var(--rds-primitive-mobile-paddings-padding-150); --paddings-padding-200: var(--rds-primitive-mobile-paddings-padding-200); --paddings-padding-300: var(--rds-primitive-mobile-paddings-padding-300); --paddings-padding-400: var(--rds-primitive-mobile-paddings-padding-400); --paddings-padding-500: var(--rds-primitive-mobile-paddings-padding-500); --paddings-padding-600: var(--rds-primitive-mobile-paddings-padding-600); --spacing-spacing-000: var(--rds-primitive-mobile-spacing-spacing-000); --spacing-spacing-050: var(--rds-primitive-mobile-spacing-spacing-050); --spacing-spacing-100: var(--rds-primitive-mobile-spacing-spacing-100); --spacing-spacing-150: var(--rds-primitive-mobile-spacing-spacing-150); --spacing-spacing-200: var(--rds-primitive-mobile-spacing-spacing-200); --spacing-spacing-300: var(--rds-primitive-mobile-spacing-spacing-300); --spacing-spacing-400: var(--rds-primitive-mobile-spacing-spacing-400); --spacing-spacing-500: var(--rds-primitive-mobile-spacing-spacing-500); --spacing-spacing-600: var(--rds-primitive-mobile-spacing-spacing-600); --spacing-spacing-800: var(--rds-primitive-mobile-spacing-spacing-800); --spacing-spacing-1000: var(--rds-primitive-mobile-spacing-spacing-1000); --spacing-spacing-1200: var(--rds-primitive-mobile-spacing-spacing-1200); --spacing-spacing-1400: var(--rds-primitive-mobile-spacing-spacing-1400); --spacing-spacing-1600: var(--rds-primitive-mobile-spacing-spacing-1600); --top-nav-height: var(--top-navigation-mobile-height); --full-vh-without-main-nav: calc(100dvh - var(--top-nav-height)); --clamped-full-height: var(--full-vh-without-main-nav); --section-bottom-padding: calc(var(--clamped-full-height) * .1); } @media screen and (min-width: 600px) { :root { --vertical-margin: var( --rds-primitive-tablet-portrait-margins-vertical-margin ); --vertical-margin-large: var( --rds-primitive-tablet-portrait-margins-vertical-margin-large ); --paddings-padding-000: var( --rds-primitive-tablet-portrait-paddings-padding-000 ); --paddings-padding-050: var( --rds-primitive-tablet-portrait-paddings-padding-050 ); --paddings-padding-100: var( --rds-primitive-tablet-portrait-paddings-padding-100 ); --paddings-padding-150: var( --rds-primitive-tablet-portrait-paddings-padding-150 ); --paddings-padding-200: var( --rds-primitive-tablet-portrait-paddings-padding-200 ); --paddings-padding-300: var( --rds-primitive-tablet-portrait-paddings-padding-300 ); --paddings-padding-400: var( --rds-primitive-tablet-portrait-paddings-padding-400 ); --paddings-padding-500: var( --rds-primitive-tablet-portrait-paddings-padding-500 ); --paddings-padding-600: var( --rds-primitive-tablet-portrait-paddings-padding-600 ); --spacing-spacing-000: var( --rds-primitive-tablet-portrait-spacing-spacing-000 ); --spacing-spacing-050: var( --rds-primitive-tablet-portrait-spacing-spacing-050 ); --spacing-spacing-100: var( --rds-primitive-tablet-portrait-spacing-spacing-100 ); --spacing-spacing-150: var( --rds-primitive-tablet-portrait-spacing-spacing-150 ); --spacing-spacing-200: var( --rds-primitive-tablet-portrait-spacing-spacing-200 ); --spacing-spacing-300: var( --rds-primitive-tablet-portrait-spacing-spacing-300 ); --spacing-spacing-400: var( --rds-primitive-tablet-portrait-spacing-spacing-400 ); --spacing-spacing-500: var( --rds-primitive-tablet-portrait-spacing-spacing-500 ); --spacing-spacing-600: var( --rds-primitive-tablet-portrait-spacing-spacing-600 ); --spacing-spacing-800: var( --rds-primitive-tablet-portrait-spacing-spacing-800 ); --spacing-spacing-1000: var( --rds-primitive-tablet-portrait-spacing-spacing-1000 ); --spacing-spacing-1200: var( --rds-primitive-tablet-portrait-spacing-spacing-1200 ); --spacing-spacing-1400: var( --rds-primitive-tablet-portrait-spacing-spacing-1400 ); --spacing-spacing-1600: var( --rds-primitive-tablet-portrait-spacing-spacing-1600 ); } } @media screen and (min-width: 960px) { :root { --vertical-margin: var(--rds-primitive-desktop-margins-vertical-margin); --vertical-margin-large: var( --rds-primitive-desktop-margins-vertical-margin-large ); --paddings-padding-000: var( --rds-primitive-desktop-paddings-padding-000 ); --paddings-padding-050: var( --rds-primitive-desktop-paddings-padding-050 ); --paddings-padding-100: var( --rds-primitive-desktop-paddings-padding-100 ); --paddings-padding-150: var( --rds-primitive-desktop-paddings-padding-150 ); --paddings-padding-200: var( --rds-primitive-desktop-paddings-padding-200 ); --paddings-padding-300: var( --rds-primitive-desktop-paddings-padding-300 ); --paddings-padding-400: var( --rds-primitive-desktop-paddings-padding-400 ); --paddings-padding-500: var( --rds-primitive-desktop-paddings-padding-500 ); --paddings-padding-600: var( --rds-primitive-desktop-paddings-padding-600 ); --spacing-spacing-000: var(--rds-primitive-desktop-spacing-spacing-000); --spacing-spacing-050: var(--rds-primitive-desktop-spacing-spacing-050); --spacing-spacing-100: var(--rds-primitive-desktop-spacing-spacing-100); --spacing-spacing-150: var(--rds-primitive-desktop-spacing-spacing-150); --spacing-spacing-200: var(--rds-primitive-desktop-spacing-spacing-200); --spacing-spacing-300: var(--rds-primitive-desktop-spacing-spacing-300); --spacing-spacing-400: var(--rds-primitive-desktop-spacing-spacing-400); --spacing-spacing-500: var(--rds-primitive-desktop-spacing-spacing-500); --spacing-spacing-600: var(--rds-primitive-desktop-spacing-spacing-600); --spacing-spacing-800: var(--rds-primitive-desktop-spacing-spacing-800); --spacing-spacing-1000: var( --rds-primitive-desktop-spacing-spacing-1000 ); --spacing-spacing-1200: var( --rds-primitive-desktop-spacing-spacing-1200 ); --spacing-spacing-1400: var( --rds-primitive-desktop-spacing-spacing-1400 ); --spacing-spacing-1600: var( --rds-primitive-desktop-spacing-spacing-1600 ); } } @media screen and (min-width: 1280px) { :root { --vertical-margin: var( --rds-primitive-tablet-landscape-margins-vertical-margin ); --vertical-margin-large: var( --rds-primitive-tablet-landscape-margins-vertical-margin-large ); --paddings-padding-000: var( --rds-primitive-tablet-landscape-paddings-padding-000 ); --paddings-padding-050: var( --rds-primitive-tablet-landscape-paddings-padding-050 ); --paddings-padding-100: var( --rds-primitive-tablet-landscape-paddings-padding-100 ); --paddings-padding-150: var( --rds-primitive-tablet-landscape-paddings-padding-150 ); --paddings-padding-200: var( --rds-primitive-tablet-landscape-paddings-padding-200 ); --paddings-padding-300: var( --rds-primitive-tablet-landscape-paddings-padding-300 ); --paddings-padding-400: var( --rds-primitive-tablet-landscape-paddings-padding-400 ); --paddings-padding-500: var( --rds-primitive-tablet-landscape-paddings-padding-500 ); --paddings-padding-600: var( --rds-primitive-tablet-landscape-paddings-padding-600 ); --spacing-spacing-000: var( --rds-primitive-tablet-landscape-spacing-spacing-000 ); --spacing-spacing-050: var( --rds-primitive-tablet-landscape-spacing-spacing-050 ); --spacing-spacing-100: var( --rds-primitive-tablet-landscape-spacing-spacing-100 ); --spacing-spacing-150: var( --rds-primitive-tablet-landscape-spacing-spacing-150 ); --spacing-spacing-200: var( --rds-primitive-tablet-landscape-spacing-spacing-200 ); --spacing-spacing-300: var( --rds-primitive-tablet-landscape-spacing-spacing-300 ); --spacing-spacing-400: var( --rds-primitive-tablet-landscape-spacing-spacing-400 ); --spacing-spacing-500: var( --rds-primitive-tablet-landscape-spacing-spacing-500 ); --spacing-spacing-600: var( --rds-primitive-tablet-landscape-spacing-spacing-600 ); --spacing-spacing-800: var( --rds-primitive-tablet-landscape-spacing-spacing-800 ); --spacing-spacing-1000: var( --rds-primitive-tablet-landscape-spacing-spacing-1000 ); --spacing-spacing-1200: var( --rds-primitive-tablet-landscape-spacing-spacing-1200 ); --spacing-spacing-1400: var( --rds-primitive-tablet-landscape-spacing-spacing-1400 ); --spacing-spacing-1600: var( --rds-primitive-tablet-landscape-spacing-spacing-1600 ); } } @media screen and (min-width: 960px) { :root { --top-nav-height: var(--top-navigation-desktop-height); --clamped-full-height: clamp( 40rem, var(--full-vh-without-main-nav), 67.5rem ); --section-bottom-padding: calc(var(--clamped-full-height) * .1); } } .surface-dark { --color-text-primary: var(--color-text-on-dark-primary); --color-text-secondary: var(--color-text-on-dark-secondary); --color-text-tertiary: var(--color-text-on-dark-tertiary); --color-text-accent: var(--color-text-on-dark-accent); --color-text-accent-small: var(--color-text-on-dark-accent); --color-text-accentSecondary: var(--color-text-on-dark-accentSecondary); --color-text-alert: var(--color-text-on-dark-alert); --color-surface: var(--color-surface-dark); --color-surface-secondary: var(--color-surface-dark-secondary); color: var(--color-text-primary); } .surface-light { --color-text-primary: var(--color-text-on-light-primary); --color-text-secondary: var(--color-text-on-light-secondary); --color-text-tertiary: var(--color-text-on-light-tertiary); --color-text-accent: var(--color-text-on-light-accent); --color-text-accent-small: var(--color-text-on-light-accent-small); --color-text-accentSecondary: var(--color-text-on-light-accentSecondary); --color-text-alert: var(--color-text-on-light-alert); --color-surface: var(--color-surface-light); --color-surface-secondary: var(--color-surface-light-secondary); color: var(--color-text-primary); } .overlay_o156hy1m { background: var(--modal-overlay-background); position: fixed; inset: 0px; z-index: var(--zIndex-modalOverlay); } .content_cnoxmyg { position: fixed; background: var(--color-surface-light); z-index: var(--zIndex-modalContent); padding: 4.5rem var(--paddings-padding-300) var(--paddings-padding-400); bottom: 0px; left: 0px; right: 0px; border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; } @media (min-width: 960px) { .content_cnoxmyg { inset: 50% auto auto 50%; transform: translate(-50%, -50%); border-radius: var(--border-radius-medium); width: calc(100% - 3rem); max-width: 30rem; } } .contentNoCloseButton_cebw68l { position: fixed; background: var(--color-surface-light); z-index: var(--zIndex-modalContent); padding: var(--paddings-padding-400) var(--paddings-padding-300); bottom: 0px; left: 0px; right: 0px; border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; } @media (min-width: 960px) { .contentNoCloseButton_cebw68l { inset: 50% auto auto 50%; transform: translate(-50%, -50%); border-radius: var(--border-radius-medium); width: calc(100% - 3rem); max-width: 30rem; } } .modalTitle_mhny29x { padding-right: 3rem; } .modalTitle_mhny29x.modalTitle_mhny29x { font: var(--h2-mobile-regular); margin: 0px 0px 1.5rem; } .buttonGroup_brppy4r { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; } .closeButton_c1v0lmgi { position: absolute; top: var(--paddings-padding-300); right: var(--paddings-padding-300); border-radius: 50%; width: 2.5rem; height: 2.5rem; background: var(--rds-primitive-color-grey-50, #f2f2f2); border: 0px; padding: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; } .banner_b1jqgxr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: sticky; top: 0px; z-index: calc(var(--zIndex-promoBar) + 1); padding: var(--paddings-padding-100) 2.5rem; background: var(--rds-primitive-color-brand-rich-blue); color: var(--rds-primitive-color-grey-0, #fff); } .banner_b1jqgxr ~ * #TopPromoBar { display: none; } .bannerText_b1fuw32h { text-align: center; } .bannerText_b1fuw32h.bannerText_b1fuw32h { color: var(--rds-primitive-color-grey-0, #fff); } .bannerCta_biz0u6 { text-decoration: underline; color: inherit; background: none; border: 0px; padding: 0px; cursor: pointer; font: inherit; } .bannerCloseButton_bsvrf15 { position: absolute; right: var(--paddings-padding-100); top: 50%; transform: translateY(-50%); border: 0px; background: none; padding: 0.25rem; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: inherit; } .ColorModeContainer_c17b27tx { display: var(--c17b27tx-0); } .Container_c13vc5uw { min-height: var(--c13vc5uw-0); padding: var(--spacing-mobile-top) 0 var(--spacing-mobile-bottom); display: flex; flex-direction: column; position: relative; } @media screen and (min-width: 960px) { .Container_c13vc5uw { padding: var(--spacing-desktop-top) 0 var(--spacing-desktop-bottom); } } .SpacerContainer_surwyki { position: relative; display: flex; flex-direction: column; padding: 1.5rem 0px; } @font-face { font-family: "Ro Sans"; font-weight: 400; font-style: normal; src: url("fonts/Ro_Sans-Regular.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-weight: 400; font-style: italic; src: url("fonts/Ro_Sans-Italic.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-weight: 200; font-style: normal; src: url("fonts/Ro_Sans-Light.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-weight: 200; font-style: italic; src: url("fonts/Ro_Sans-LightItalic.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-weight: 700; font-style: normal; src: url("fonts/Ro_Sans-Bold.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-style: italic; font-weight: 700; src: url("fonts/Ro_Sans-BoldItalic.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-weight: 600; font-style: normal; src: url("fonts/Ro_Sans-SemiBold.woff") format("woff"); } @font-face { font-family: "Ro Sans"; font-weight: 600; font-style: italic; src: url("fonts/Ro_Sans-SemiBoldItalic.woff") format("woff"); } html { line-height: 1.15; text-size-adjust: 100%; } body { margin: 0px; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { appearance: none; } input[type="search"]::-webkit-search-cancel-button { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .Wrapper_w1vemof3 { font-size: var(--pxds-font-size-body-xsmall); line-height: var(--pxds-font-lineheight-body-xsmall); font-weight: var(--pxds-font-weight-regular); display: inline-flex; flex-direction: row; gap: var(--pxds-space-xxsmall); -webkit-box-align: center; align-items: center; margin: 0px; border-radius: var(--pxds-border-radius-small-200); padding: var(--pxds-space-xxsmall) var(--pxds-space-small); color: var(--pxds-text-neutral-secondary); background-color: var(--pxds-surface-overlay-subtle); } .Wrapper_w1vemof3[data-color="overlay-dark"] { background-color: var(--pxds-surface-overlay-dark); color: var(--pxds-text-neutral-inverse); } .Wrapper_w1vemof3[data-color="overlay-light"] { background-color: var(--pxds-surface-overlay-light); } .Wrapper_w1vemof3[data-color="informational"] { background-color: var(--foundations-color-richblue-200); } .Wrapper_w1vemof3[data-color="positive"] { background-color: var(--pxds-surface-feedback-positive-subtle); } .Wrapper_w1vemof3[data-color="warning"] { background-color: var(--pxds-surface-feedback-warning-subtle); } .Wrapper_w1vemof3[data-color="error"] { background-color: var(--pxds-surface-feedback-negative-subtle); } .IconWrapper_ip77jn0 { display: inline-flex; color: currentcolor; } .IconWrapper_ip77jn0[data-color="positive"] { color: var(--pxds-icons-feedback-positive); } .IconWrapper_ip77jn0[data-color="warning"] { color: var(--pxds-surface-feedback-warning-strong); } .BadgeContainer_bet9771 { display: flex; flex-flow: wrap; gap: var(--pxds-space-base); } .StyledProductWrapper_s194nliv { position: relative; display: flex; padding: var(--pxds-space-large); border-radius: var(--pxds-border-radius-large); overflow: hidden; } .StyledProductWrapper_s194nliv[data-disabled="true"] { pointer-events: none; cursor: default; } .StyledProductWrapper_s194nliv[data-clickable="true"] { cursor: pointer; } .StyledProductWrapper_s194nliv .rds-button { opacity: 0.5; } .StyledProductWrapper_s194nliv .arrow-right { overflow: visible; } .StyledProductWrapper_s194nliv img, .StyledProductWrapper_s194nliv video, .StyledProductWrapper_s194nliv .arrow-right-long-line, .StyledProductWrapper_s194nliv .arrow-right-rest { transition: transform 0.3s cubic-bezier(0.4, 0.2, 0.2, 1); } @media (hover: hover) { .StyledProductWrapper_s194nliv:hover img, .StyledProductWrapper_s194nliv:hover video { transform: scale(1.1); } .StyledProductWrapper_s194nliv:hover .rds-button { opacity: 0.7; } .StyledProductWrapper_s194nliv:hover .arrow-right-long-line { transform: scaleX(1.5) translate(-0.1875rem); } .StyledProductWrapper_s194nliv:hover .arrow-right-rest { transform: translate(0.1875rem); } } .StyledCardLink_s1yubgdu { inset: 0px; z-index: 0; position: absolute !important; } .StyledCardLink_s1yubgdu:focus { outline: .125rem solid var(--color-border-focus, #0066cc); outline-offset: 0.125rem; } .StyledContentWrapper_s1eqesg1 { position: relative; display: flex; flex-direction: column; gap: var(--pxds-space-large); } .StyledTitleWrapper_sc35s31 { display: flex; flex-direction: column; gap: var(--pxds-space-xxsmall); padding-bottom: var(--pxds-space-compact); } .StyledActionsWrapper_s5gi6wq { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .StyledIsiLinkWrapper_s7mmeqh { display: flex; gap: var(--pxds-space-xsmall); -webkit-box-align: center; align-items: center; z-index: 1; } .StyledColorMode_sruil4o { display: flex; flex-direction: column; width: 100%; flex: 1 1 0%; } .StyledIsiLink_s1f9ljso { margin-top: auto; font-weight: var(--font-weight-semibold); } .FormContainer_f17z2xix { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; gap: var(--spacing-spacing-100); } .WeightInputContainer_wxx0x6k { width: 100%; } .WeightInputContainer_wxx0x6k input[type="number"] { appearance: textfield; } .WeightInputContainer_wxx0x6k ::-webkit-inner-spin-button, .WeightInputContainer_wxx0x6k ::-webkit-outer-spin-button { appearance: none; margin: 0px; } .InputContainer_i1qi1f88 { width: 100%; } .FormButtonContainer_f5fp7bg { width: 100%; margin: var(--spacing-spacing-200) 0 var(--spacing-spacing-500) 0; } @media (min-width: 960px) { .FormButtonContainer_f5fp7bg { margin: var(--spacing-spacing-150) 0 0; } } .Wrapper_w1h8qu49 { background: var(--tdee-calculator-results-background); display: flex; flex-direction: column; gap: var(--spacing-spacing-300); padding: var(--paddings-padding-300); border-radius: var(--border-radius-corner-radius-300); position: relative; z-index: 1; } @media (min-width: 960px) { .Wrapper_w1h8qu49 { max-width: var(--tdee-calculator-results-max-width); } } .ResultsContainer_rq4ow1m { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); margin-top: var(--spacing-spacing-300); padding: var(--paddings-padding-200) var(--paddings-padding-200) var(--paddings-padding-300); border-radius: var(--border-radius-medium-large); background-color: var(--tdee-calculator-results-weight-loss-background); } .ResultsItem_rc2rew0 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; } .ImageContainer_il3r15w { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-200); margin-top: var(--spacing-spacing-300); } .ImageContainerMedia_ichke7y { flex: 0.25 1 0%; } .ImageContainerText_i23dgsm { flex: 0.75 1 0%; } .CtaContainer_czg5adw { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); margin-top: var(--spacing-spacing-200); } .Wrapper_wi0g38t { margin: var(--wi0g38t-0); padding: var(--wi0g38t-1); background-color: var(--wi0g38t-2); } @media (min-width: 960px) { .Wrapper_wi0g38t { margin: var(--wi0g38t-3); padding: var(--wi0g38t-4); background-color: var(--color-surface-light); } } .MainContainer_m3fkc40 { max-width: 60rem; } @media (min-width: 960px) { .MainContainer_m3fkc40 { display: flex; align-items: flex-start; gap: var(--spacing-spacing-300); margin: 0px auto; } } .FormContainer_f98p6lx { margin-bottom: calc(-1 * var(--spacing-spacing-500)); padding: var(--paddings-padding-400) var(--paddings-padding-300) var(--paddings-padding-500); border-radius: var(--border-radius-corner-radius-300); background-color: var(--color-surface-light); } @media (min-width: 960px) { .FormContainer_f98p6lx { width: 55%; margin-bottom: 0px; padding: 0px; } } .ResultsContainer_r15eehgy { background-image: linear-gradient(to bottom,var(--color-surface-light),0%,var(--color-surface-light) var(--border-radius-corner-radius-300),var(--color-surface-dark) var(--border-radius-corner-radius-300),var(--color-surface-dark) 100%); padding: 0 var(--paddings-padding-100) var(--paddings-padding-100); } @media (min-width: 960px) { .ResultsContainer_r15eehgy { background-image: none; width: 45%; min-width: var(--bmi-calculator-results-container-min-width); padding: 0px; } } .BottomTextContainer_brhtzsz { padding: var(--paddings-padding-200) var(--paddings-padding-300); } @media (min-width: 960px) { .BottomTextContainer_brhtzsz { padding-bottom: var(--paddings-padding-300); } } .BottomText_bisc38a.BottomText_bisc38a { color: var(--bmr-calculator-results-disclaimer-text-color); } @media (min-width: 960px) { .BottomText_bisc38a.BottomText_bisc38a { color: var(--bmi-calculator-results-bottom-text-color); } } .FormContainer_f1hr0ha { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; gap: var(--spacing-spacing-100); } .HeightInputsContainer_h1ok5mcw { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-150); } .HeightInputWrapper_h1rkk2wo { position: relative; -webkit-box-flex: 1; flex-grow: 1; } .WeightInputContainer_w14tjlyp { position: relative; width: 100%; } .SelectorContainer_sxcntqu { padding: var(--paddings-padding-050); border-radius: var(--border-radius-corner-radius-1000); border: var(--input-default-border); } .SelectorContainer_sxcntqu label { border-width: 0px; box-shadow: none; border-radius: var(--border-radius-corner-radius-1000) !important; } .SelectorContainer_sxcntqu label > span { padding: var(--paddings-padding-150) var(--paddings-padding-200); } .SelectorContainer_sxcntqu label span { background-color: transparent; } .SelectorContainer_sxcntqu input:checked + label { background-color: var(--button-primary-default-background); color: var(--button-primary-default-color); font-weight: var(--font-weight-semibold); } .InputContainer_i13kq2jk { position: relative; width: 100%; } .FormButtonContainer_f1r4qs8b { width: 100%; margin: var(--spacing-spacing-200) 0 var(--spacing-spacing-500) 0; } @media (min-width: 960px) { .FormButtonContainer_f1r4qs8b { margin: var(--spacing-spacing-150) 0 0; } } .Wrapper_w19elgp8 { background: var(--tdee-calculator-results-background); display: flex; flex-direction: column; gap: var(--spacing-spacing-300); padding: var(--paddings-padding-300); border-radius: var(--border-radius-corner-radius-300); position: relative; z-index: 1; } @media (min-width: 960px) { .Wrapper_w19elgp8 { max-width: var(--tdee-calculator-results-max-width); } } .TdeeObjectiveLabel_t1f9fwsn { flex: 1 1 0%; } .CalDefObjectiveLabel_c1vggl5m { flex: 1 1 0%; color: var(--color-text-on-light-primary); } .TdeeContainer_t1kqpqfc { display: flex; flex-direction: column; align-items: flex-end; flex: 1 1 0%; } .CalDefContainer_c1llmyv9 { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); flex: 1 1 0%; } .TopContainer_t8t1yhs { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-200); } .WeeklyWeightLossContainer_w13a6d20 { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); padding: var(--paddings-padding-200) var(--paddings-padding-200) var(--paddings-padding-300); border-radius: var(--border-radius-medium-large); background-color: var(--tdee-calculator-results-weight-loss-background); } .WeeklyWeightLossSelector_wtjf3a8 { display: flex; -webkit-box-align: center; align-items: center; background-color: var(--tdee-calculator-results-weight-loss-background); padding: var(--paddings-padding-050); border-radius: var(--border-radius-corner-radius-1000); } .WeeklyWeightLossSelectorInput_wih4dat { white-space: nowrap; max-width: 50%; transition: none; } .WeeklyWeightLossTdeeContainer_wndkiu5, .ImageContainer_i17jip01 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-200); } .ImageContainerMedia_i1ake0nv { flex: 0.25 1 0%; } .ImageContainerText_i1ya358k { flex: 0.75 1 0%; } .CtaContainer_c1k8ri8m { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } .InvalidValueMessage_i1ewa3p2 { flex: 0.75 1 0%; } .Wrapper_w1c41fg0 { margin: var(--w1c41fg0-0); padding: var(--w1c41fg0-1); background-color: var(--w1c41fg0-2); } @media (min-width: 960px) { .Wrapper_w1c41fg0 { margin: var(--w1c41fg0-3); padding: var(--w1c41fg0-4); background-color: var(--color-surface-light); } } .MainContainer_m1yyrume { max-width: 60rem; } @media (min-width: 960px) { .MainContainer_m1yyrume { display: flex; align-items: flex-start; gap: var(--spacing-spacing-300); margin: 0px auto; } } .FormContainer_f3jzikt { margin-bottom: calc(-1 * var(--spacing-spacing-500)); padding: var(--paddings-padding-400) var(--paddings-padding-300) var(--paddings-padding-500); border-radius: var(--border-radius-corner-radius-300); background-color: var(--color-surface-light); } @media (min-width: 960px) { .FormContainer_f3jzikt { width: 55%; margin-bottom: 0px; padding: 0px; } } .ResultsContainer_r1j5zd0d { background-image: linear-gradient(to bottom,var(--color-surface-light),0%,var(--color-surface-light) var(--border-radius-corner-radius-300),var(--color-surface-dark) var(--border-radius-corner-radius-300),var(--color-surface-dark) 100%); padding: 0 var(--paddings-padding-100) var(--paddings-padding-100); } @media (min-width: 960px) { .ResultsContainer_r1j5zd0d { background-image: none; width: 45%; min-width: var(--bmi-calculator-results-container-min-width); padding: 0px; } } .BottomTextContainer_b1q20df4 { padding: var(--paddings-padding-200) var(--paddings-padding-300); } @media (min-width: 960px) { .BottomTextContainer_b1q20df4 { padding-bottom: var(--paddings-padding-300); } } .BottomText_b17a2ten.BottomText_b17a2ten { color: var(--bmr-calculator-results-disclaimer-text-color); } @media (min-width: 960px) { .BottomText_b17a2ten.BottomText_b17a2ten { color: var(--bmi-calculator-results-bottom-text-color); } } .FormContainer_f1103ivw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; gap: var(--spacing-spacing-100); } .WeightInputContainer_w14lxmlv { width: 100%; } .WeightInputContainer_w14lxmlv input[type="number"] { appearance: textfield; } .WeightInputContainer_w14lxmlv ::-webkit-inner-spin-button, .WeightInputContainer_w14lxmlv ::-webkit-outer-spin-button { appearance: none; margin: 0px; } .InputContainer_ibn6vti { width: 100%; } .FormButtonContainer_f14brz2y { width: 100%; margin: var(--spacing-spacing-200) 0 var(--spacing-spacing-500) 0; } @media (min-width: 960px) { .FormButtonContainer_f14brz2y { margin: var(--spacing-spacing-150) 0 0; } } .Wrapper_w1nm5wyv { background: var(--tdee-calculator-results-background); display: flex; flex-direction: column; gap: var(--spacing-spacing-300); padding: var(--paddings-padding-300); border-radius: var(--border-radius-corner-radius-300); position: relative; z-index: 1; } @media (min-width: 960px) { .Wrapper_w1nm5wyv { max-width: var(--tdee-calculator-results-max-width); } } .ResultsContainer_r18i4fsw { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); margin-top: var(--spacing-spacing-300); padding: var(--paddings-padding-200) var(--paddings-padding-200) var(--paddings-padding-300); border-radius: var(--border-radius-medium-large); background-color: var(--tdee-calculator-results-weight-loss-background); } .NoCalculatedResultsTextContainer_nbtm6mz { opacity: 0.8; } .ResultsItem_rj1iejf { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; } .ImageContainer_i1vio8v3 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-200); margin-top: var(--spacing-spacing-300); } .ImageContainerMedia_i15d4681 { flex: 0.25 1 0%; } .ImageContainerText_i9iu5k6 { flex: 0.75 1 0%; } .CtaContainer_c1d96m9c { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); margin-top: var(--spacing-spacing-200); } .Wrapper_w2tluq { margin: var(--w2tluq-0); padding: var(--w2tluq-1); background-color: var(--w2tluq-2); } @media (min-width: 960px) { .Wrapper_w2tluq { margin: var(--w2tluq-3); padding: var(--w2tluq-4); background-color: var(--color-surface-light); } } .MainContainer_m1kwhlds { max-width: 60rem; } @media (min-width: 960px) { .MainContainer_m1kwhlds { display: flex; align-items: flex-start; gap: var(--spacing-spacing-300); margin: 0px auto; } } .FormContainer_fh8vl0y { margin-bottom: calc(-1 * var(--spacing-spacing-500)); padding: var(--paddings-padding-400) var(--paddings-padding-300) var(--paddings-padding-500); border-radius: var(--border-radius-corner-radius-300); background-color: var(--color-surface-light); } @media (min-width: 960px) { .FormContainer_fh8vl0y { width: 55%; margin-bottom: 0px; padding: 0px; } } .ResultsContainer_rq1sa8v { background-image: linear-gradient(to bottom,var(--color-surface-light),0%,var(--color-surface-light) var(--border-radius-corner-radius-300),var(--color-surface-dark) var(--border-radius-corner-radius-300),var(--color-surface-dark) 100%); padding: 0 var(--paddings-padding-100) var(--paddings-padding-100); } @media (min-width: 960px) { .ResultsContainer_rq1sa8v { background-image: none; width: 45%; min-width: var(--bmi-calculator-results-container-min-width); padding: 0px; } } .BottomTextContainer_b1bxkuxd { padding: var(--paddings-padding-200) var(--paddings-padding-300); } @media (min-width: 960px) { .BottomTextContainer_b1bxkuxd { padding-bottom: var(--paddings-padding-300); } } .BottomText_b18jomoh.BottomText_b18jomoh { color: var(--bmr-calculator-results-disclaimer-text-color); } @media (min-width: 960px) { .BottomText_b18jomoh.BottomText_b18jomoh { color: var(--bmi-calculator-results-bottom-text-color); } } @media (min-width: 960px) { .Wrapper_wpq5ifw { display: flex; -webkit-box-pack: justify; justify-content: space-between; } } @media (min-width: 960px) { .LabelsContainer_l9krg6e { width: 50%; margin-top: var(--spacing-spacing-400); } } .LabelsContainer_l9krg6e > :first-child { margin-bottom: var(--spacing-spacing-150); } .SliderContainer_s11k7b54 { --slider-track-width: .375rem; --slider-track-height: .375rem; --slider-track-background-color: var(--foundations-color-kellygreen-400); --slider-range-background-color: var( --weight-loss-calculator-slider-background ); --slider-thumb-padding: 1px; --slider-thumb-background-color: var(--weight-loss-calculator-thumb-color); --slider-circle-width: 3.5rem; --slider-circle-height: 2.25rem; --slider-circle-display: block; } @media (min-width: 960px) { .SliderContainer_s11k7b54 { width: 50%; padding: var(--paddings-padding-300) var(--paddings-padding-300) var(--paddings-padding-600); border-radius: var(--border-radius-corner-radius-300) var(--border-radius-corner-radius-300) 0 0; background-color: rgb(247, 244, 241) !important; } } .Wrapper_w1t5stun { background: var(--weight-loss-calculator-results-background); display: flex; flex-direction: column; gap: var(--spacing-spacing-300); padding: var(--paddings-padding-300); border-radius: var(--border-radius-corner-radius-300); position: relative; z-index: 1; } @media (min-width: 960px) { .Wrapper_w1t5stun { padding: var(--paddings-padding-300); max-width: var(--tdee-calculator-results-max-width); } } .ResultsContainer_r1xz03b6 { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); margin-top: var(--spacing-spacing-200); padding: var(--paddings-padding-200); border-radius: var(--border-radius-medium-large); background-color: var(--tdee-calculator-results-weight-loss-background); } @media (max-width: 960px) { .ResultNumberText_rupaqlt { font-size: 5rem !important; } } .ResultsItem_rjfcixr { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; } .ImageContainer_i4p0l14 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-200); } .ImageContainerMedia_i1k4v9ru { flex: 0.25 1 0%; } .ImageContainerText_iwrmkna { flex: 0.75 1 0%; } .CtaContainer_c1likoog { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); margin-top: var(--spacing-spacing-300); width: 100%; } .Wrapper_w1f4bsor { margin: var(--w1f4bsor-0); padding: var(--w1f4bsor-1); background-color: var(--w1f4bsor-2); } @media (min-width: 960px) { .Wrapper_w1f4bsor { margin: var(--w1f4bsor-3); padding: var(--w1f4bsor-4); background-color: var(--color-surface-light); } } .MainContainer_mev59tb { max-width: 60rem; } @media (min-width: 960px) { .MainContainer_mev59tb { display: flex; align-items: flex-start; -webkit-box-pack: end; justify-content: flex-end; flex-wrap: wrap; gap: 0 var(--spacing-spacing-300); margin: 0px auto; } } .FormContainer_f1v98v35 { margin-bottom: calc(-1 * var(--spacing-spacing-500)); padding: var(--paddings-padding-400) var(--paddings-padding-300) var(--spacing-spacing-1000); border-radius: var(--border-radius-corner-radius-300); background-color: var(--color-surface-light); } @media (min-width: 960px) { .FormContainer_f1v98v35 { width: 100%; margin-bottom: 0px; padding: 0px; } } .ResultsContainer_rn1nbg3 { background-image: linear-gradient(to bottom,var(--color-surface-light),0%,var(--color-surface-light) var(--border-radius-corner-radius-300),var(--color-surface-dark) var(--border-radius-corner-radius-300),var(--color-surface-dark) 100%); padding: 0 0 var(--paddings-padding-100); } @media (min-width: 960px) { .ResultsContainer_rn1nbg3 { background-image: none; width: 50%; margin-top: calc(-1 * var(--paddings-padding-300)); padding: 0px; } } .BottomTextContainer_b5ep3qa { padding: var(--paddings-padding-200) var(--paddings-padding-300); } @media (min-width: 960px) { .BottomTextContainer_b5ep3qa { padding-bottom: 0px; } } .BottomText_b1tjz92.BottomText_b1tjz92 { color: var(--bmr-calculator-results-disclaimer-text-color); } @media (min-width: 960px) { .BottomText_b1tjz92.BottomText_b1tjz92 { color: var(--bmi-calculator-results-bottom-text-color); } } .CtaRow_c1jyogj1 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 1.875rem; margin: var(--spacing-spacing-300) 0; } .Wrapper_w1r8hhbu { display: flex; flex: 1 0 0px; min-width: 0px; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; gap: var(--pxds-space-xxsmall); } .PriceLine_p1f5uv58 { display: flex; -webkit-box-align: baseline; align-items: baseline; flex-wrap: wrap; gap: var(--pxds-space-xxsmall); margin: 0px; } .ComparePrice_c16n1nsx { font-family: var(--pxds-font-family-default); font-size: 1.125rem; line-height: 1.375rem; font-weight: var(--pxds-font-weight-regular); letter-spacing: -0.03em; color: var(--pxds-text-neutral-tertiary); text-decoration: line-through; } .RoPrice_rbaw1vg { font-family: var(--pxds-font-family-default); font-size: 1.75rem; line-height: 2.125rem; font-weight: var(--pxds-font-weight-semibold); letter-spacing: -0.03em; color: var(--pxds-text-feedback-positive); } .SavingsBadge_s1mrpwdl { display: inline-flex; -webkit-box-align: center; align-items: center; width: fit-content; font-family: var(--pxds-font-family-default); font-size: var(--pxds-font-size-body-xsmall); line-height: var(--pxds-font-lineheight-body-xsmall); font-weight: var(--pxds-font-weight-regular); color: var(--pxds-text-feedback-positive); background-color: var(--pxds-surface-feedback-positive-subtle); border-radius: var(--pxds-border-radius-small-200); padding: var(--pxds-space-xxsmall) var(--pxds-space-xsmall); } .DynamicQuizPromoModalContent_d1h7nt5s { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); width: 35rem; max-width: 100%; margin: 0px auto; } .DynamicQuizPromoModalCopy_deqnduc { display: flex; flex-direction: column; gap: var(--paddings-padding-200); } .DynamicQuizPromoModalBadgeWrapper_dz6m5ba { display: flex; } .DynamicQuizPromoModalBadgeWrapper_dz6m5ba > div > div { background-color: var(--color-icon-feedback-positive, #0e7744) !important; } .DynamicQuizPromoModalButtonWrapper_domr7f0 { width: 100%; } .DynamicQuizPromoModalButtonGroup_d143osrv { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--spacing-spacing-100); width: 100%; } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) { padding: 0px; margin-left: var(--spacing-spacing-300); margin-right: 0px; width: calc(100% - var(--spacing-spacing-150)); } @media (min-width: 960px) { .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) { margin-left: calc(-30rem + 50vw); width: calc(30rem + 50vw); } } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) > ul { padding: 0px; display: flex; -webkit-box-align: stretch; align-items: stretch; gap: var(--spacing-spacing-200); } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) > ul > li:nth-child(1) > div { margin-left: 0px; } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) > ul > li:nth-last-child(1) { margin-right: var(--spacing-spacing-150); } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) > ul > li { min-width: 13.75rem; } @media (min-width: 960px) { .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) > ul > li { min-width: 16.875rem; } } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(2) > ul > li > a { height: 100%; } .RelatedContentSectionContainer_r2akxy9 > div:nth-child(3) { display: none; } @media (min-width: 960px) { .RelatedContentSectionContainer_r2akxy9 > div:nth-child(3) { display: block; } } .HeadingContainer_h5wwm98 { margin-bottom: var(--spacing-spacing-300); padding-left: var(--spacing-spacing-300); } @media (min-width: 960px) { .HeadingContainer_h5wwm98 { padding-left: 0px; margin-left: auto; margin-right: auto; max-width: 60rem; } } .Wrapper_wlwr9mw { margin: var(--spacing-spacing-400) auto 0; max-width: var(--article-content-max-width); padding: 0 var(--paddings-padding-300) var(--paddings-padding-400); display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-spacing-300); } @media (min-width: 960px) { .Wrapper_wlwr9mw { margin: 0px auto; padding: var(--paddings-padding-500) 0; } } .BoldDivider_b3gqlpa { width: 100vw; height: var(--paddings-padding-050); background-color: var(--article-reviewer-section-background); } .ReferencesContainer_rem061i { overflow: hidden; } .ReferencesContainer_rem061i ul, .ReferencesContainer_rem061i ol { margin: 0px; padding-left: var(--paddings-padding-300); list-style: none; counter-reset: references-counter 0; display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } .ReferencesItem_raez0mt { display: var(--raez0mt-0); counter-increment: references-counter 1; position: relative; } .ReferencesItem_raez0mt::before { content: counter(references-counter) "."; position: absolute; left: calc(-1 * var(--paddings-padding-300)); font: var(--body-4-mobile-regular); letter-spacing: var(--letter-spacing-body-4); color: var(--color-text-on-light-secondary); } @media (min-width: 600px) { .ReferencesItem_raez0mt::before { font: var(--body-4-tablet-portrait-regular); } } @media (min-width: 960px) { .ReferencesItem_raez0mt::before { font: var(--body-4-tablet-landscape-regular); } } @media (min-width: 1280px) { .ReferencesItem_raez0mt::before { font: var(--body-4-desktop-regular); } } .ReferencesItem_raez0mt a { color: var(--color-text-on-light-secondary); word-break: break-all; } .ReferencesItem_raez0mt:nth-child(-n+2) { display: block; } .MobileMainContainer_mawxja.hidden { opacity: 0; } .MobileMainContainerFixed_mpqp3i4.MobileMainContainer_mawxja { position: fixed; top: var(--mpqp3i4-0); left: 0px; right: 0px; z-index: var(--zIndex-sticky); box-shadow: var(--article-table-of-contents-box-shadow); padding: 0px; } .StyledChevron_s1vuywki { margin: 0 var(--spacing-spacing-100); } .MobileCollapsibleWrapper_mtnkb7m { width: 100%; background-color: var(--color-surface-light); padding-bottom: var(--paddings-padding-400); } @media (min-width: 960px) { .MobileCollapsibleWrapper_mtnkb7m { display: none; } } .MobileFixedCollapsibleWrapper_m1ovnc9l.MobileCollapsibleWrapper_mtnkb7m { padding-bottom: 0px; } .HeaderWrapper_hyq87de { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; height: var(--article-table-of-contents-header-mobile-height); } @media (max-width: 960px) { .HeaderWrapper_hyq87de { padding: var(--hyq87de-0); } .HeaderWrapper_hyq87de.toc-scroll { box-shadow: var(--hyq87de-1); } } .HeaderTitle_h13o4j7t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .HeaderElementsWrapper_hmu2l8v { display: flex; -webkit-box-align: center; align-items: center; } .HeaderElementsWrapper_hmu2l8v .StyledChevron_s1vuywki { transform: var(--hmu2l8v-0); transition: transform var(--interactions-duration-fast) var(--interactions-easing-productive-open); } .MobileButton_m1n1timw { width: max-content; } @media (min-width: 960px) { .MobileButton_m1n1timw { display: none; } } .TitlesWrapper_tjx0i6x { display: flex; flex-direction: column; gap: var(--spacing-spacing-150); overflow-y: auto; scrollbar-width: thin; counter-reset: article-toc 0; } @media (min-width: 960px) { .TitlesWrapper_tjx0i6x { max-height: calc(100vh - 5rem - var(--tjx0i6x-0)); } .TitlesWrapper_tjx0i6x > :first-child { margin-top: var(--spacing-spacing-200); } } @media (max-width: 960px) { .TitlesWrapper_tjx0i6x { padding: var(--tjx0i6x-1); max-height: var(--tjx0i6x-2); } } .TitleWrapper_tkylfde { display: var(--tkylfde-2); flex-direction: row; gap: 0.75rem; font: var(--body-2-mobile-regular); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: none; color: var(--color-text-on-light-primary); } .TitleWrapper_tkylfde > a { width: 100%; } @media (max-width: 960px) { .TitleWrapper_tkylfde { color: var(--color-text-on-light-secondary); margin-left: var(--tkylfde-0); } } @media (min-width: 960px) { .TitleWrapper_tkylfde { margin-left: var(--tkylfde-1); } } @media screen and (min-width: 600px) { .TitleWrapper_tkylfde { font: var(--body-2-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .TitleWrapper_tkylfde { font: var(--body-2-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .TitleWrapper_tkylfde { font: var(--body-2-desktop-regular); } } .TitleWrapper_tkylfde::before { content: ""; display: var(--tkylfde-3); width: 2px; background-color: var(--color-surface-dark); } .TitleWrapper_tkylfde:hover { color: var(--tkylfde-4); } .ShowButtonWrapper_s12d4a42 { margin-top: var(--spacing-spacing-100); margin-left: 0.875rem; } @media (max-width: 960px) { .ShowButtonWrapper_s12d4a42 { margin-top: var(--spacing-spacing-150); margin-left: var(--s12d4a42-0); } } .Threshold_t1pbi0nk { width: 1px; height: 1px; } @media (min-width: 960px) { .Threshold_t1pbi0nk { margin-top: var(--t1pbi0nk-0); } } @media (max-width: 960px) { .DesktopMainContainer_d1aftoay { display: none; } } @media (min-width: 960px) { .DesktopMainContainer_d1aftoay { width: 16.875rem; padding-right: var(--paddings-padding-300); position: sticky; top: var(--d1aftoay-0); } } .SummaryContainer_s1odp8ea { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--pxds-space-xlarge); overflow: hidden; } @media (min-width: 960px) { .SummaryContainer_s1odp8ea { gap: var(--foundations-space-1000); } } .Divider_d1876h12 { width: 100%; } @media (min-width: 960px) { .Divider_d1876h12 { display: none; } } .PercentageDisplay_pthaw4j { position: relative; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--pxds-space-large); width: 100%; } .WeightValue_wi36ink { display: flex; -webkit-box-align: baseline; align-items: baseline; gap: var(--pxds-space-xxsmall); -webkit-box-pack: end; justify-content: flex-end; } .CustomColorText_c19qnon2 * { color: rgb(94, 111, 141) !important; } .SmallIconWrapper_s1f7od79 { width: var(--pxds-font-size-body-large); height: var(--pxds-font-size-body-large); } .SmallIconWrapper_s1f7od79 svg { width: 100%; height: 100%; } .PotentialLossValue_p17lotkp.WeightValue_wi36ink .potential-loss-number, .PotentialLossValue_p17lotkp.WeightValue_wi36ink .potential-loss-unit { color: var(--pxds-color-steelblue-1000); } .WeightLabel_wvm8rej { margin-bottom: var(--pxds-space-xxsmall); } .Flex_fd1weuy { display: flex; flex-direction: var(--fd1weuy-0); gap: var(--fd1weuy-1); -webkit-box-pack: var(--fd1weuy-2); justify-content: var(--fd1weuy-2); -webkit-box-align: var(--fd1weuy-3); align-items: var(--fd1weuy-3); } .IconWrapper_icf7iv0 { width: var(--pxds-font-size-heading-h2); height: var(--pxds-font-size-heading-h2); } .IconWrapper_icf7iv0 svg { width: 100%; height: 100%; } @media (min-width: 960px) { .IconWrapper_icf7iv0 { width: var(--foundations-space-800); height: var(--foundations-space-800); } } .PercentageText_p1w3pi79.PercentageText_p1w3pi79 { font-size: 7.938rem; line-height: 0.8; margin-top: -0.75rem; } @media (min-width: 960px) { .PercentageText_p1w3pi79.PercentageText_p1w3pi79 { font-size: 13.313rem; margin-top: -1rem; } } .Columns_ch6vl0q { display: flex; flex-direction: column; gap: var(--pxds-space-xlarge); width: 100%; } @media (min-width: 960px) { .Columns_ch6vl0q { flex-direction: row; gap: var(--pxds-space-giant); } } .Column_ct8j1jd { flex: 1 1 0%; padding-top: 2rem; border-top: 1px solid var(--pxds-divider-subtle); } @media (max-width: 960px) { .Column_ct8j1jd { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .Column_ct8j1jd:first-child { padding-top: 0rem; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } } .StatsGrid_spku7mu { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pxds-space-base); } .StatItem_sa3zaaa { display: flex; flex-direction: column; gap: var(--pxds-space-micro); padding: var(--pxds-space-xxsmall) 0; } .BrandingText_bw4i28w.BrandingText_bw4i28w { font-size: 9.4375rem; line-height: 1; letter-spacing: -0.024rem; margin-top: -1.5rem; white-space: nowrap; } @media (max-width: 25rem) { .BrandingText_bw4i28w.BrandingText_bw4i28w { font-size: 8rem; } } @media (min-width: 960px) { .BrandingText_bw4i28w.BrandingText_bw4i28w { font-size: 15.813rem; margin-top: -2.5rem; margin-bottom: -1.75rem; } } .ButtonWrapper_b1abxo20 { width: 100%; max-width: 21.375rem; display: flex; flex-direction: column; } .ColumnContentWrapper_cj0nkk9 { display: flex; flex-direction: column; gap: var(--pxds-space-large); } .SliderWrapper_s1807ozv { --slider-range-background-color: var(--pxds-icons-neutral-primary); --slider-thumb-background-color: var(--pxds-icons-neutral-primary); --color-surface-light: var(--pxds-icons-neutral-primary); --slider-track-height: .175rem; } .SliderWrapper_s1807ozv span[role="slider"]:hover { background-color: var(--pxds-icons-neutral-primary) !important; } .Wrapper_w1ixcgoy { position: relative; } .InnerContentWrapper_i10fs986 { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } .StoryWrapper_s1fas6f3 { padding: 20rem 0px; } .ValuePropsWrapper_v4dvoe7 { margin-top: var(--spacing-spacing-150); } .Wrapper_wznpos3 { display: flex; flex-direction: column; gap: var(--spacing-spacing-150); } .LinksContainer_l1go0meq { padding: 0px; margin: 0px; list-style: none; display: flex; flex-direction: column; gap: var(--spacing-spacing-150); } .Wrapper_w17lrq17 { display: flex; flex-direction: column; gap: var(--spacing-spacing-150); } .Wrapper_wkuk4oo { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); } @media screen and (min-width: 960px) { .Wrapper_wkuk4oo { display: grid; grid-template-columns: 1fr var(--wkuk4oo-0); padding: 0px; } } .OuterWrapper_o3tmjv3 { position: relative; } .InnerWrapper_ibcrjns { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-spacing-400); padding: var(--paddings-padding-600) var(--paddings-padding-300); z-index: 2; } .InnerWrapper_ibcrjns.center { -webkit-box-align: center; align-items: center; } .TopWrapper_ts6d7zp { display: flex; flex-direction: column; gap: var(--spacing-spacing-150); max-width: 47.5rem; } .BottomWrapper_bin1y21 { display: flex; flex-direction: column; gap: var(--spacing-spacing-200); max-width: 35.25rem; } .BottomWrapper_bin1y21.center { -webkit-box-align: center; align-items: center; } .ButtonWrapper_b7wbh9n { max-width: 23rem; width: 100%; } .Chip_cvaybfn { border-radius: 1.625rem; background: var(--color-surface-light); padding: var(--paddings-padding-150) var(--paddings-padding-300); } .MediaWrapper_m13i9go7 .media img { position: absolute; z-index: 1; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center top; } .Wrapper_wq897p { position: relative; isolation: isolate; box-shadow: var( --glass-box-shadow, -1px -1px 0 0 rgba(255, 255, 255, .24) inset, 0 3px 10px -4px rgba(0, 0, 0, .18) inset, 0 -2px 16px -2px rgba(0, 0, 0, .04) inset, 0 0 18px -6px rgba(255, 255, 255, .08) inset ); } .Wrapper_wq897p[data-border-radius="small"] { border-radius: var(--pxds-border-radius-small-200); } .Wrapper_wq897p[data-border-radius="base"] { border-radius: var(--pxds-border-radius-base); } .Wrapper_wq897p[data-border-radius="large"] { border-radius: var(--pxds-border-radius-large); } .Wrapper_wq897p[data-padding="small"] { padding: var(--pxds-space-base); } .Wrapper_wq897p[data-padding="base"] { padding: var(--pxds-space-large); } .Wrapper_wq897p[data-padding="large"] { padding: var(--pxds-space-xlarge); } .Wrapper_wq897p[data-padding="compact-base"] { padding: var(--pxds-space-compact) var(--pxds-space-base); } .Wrapper_wq897p[data-outline="normal"]::after { content: ""; position: absolute; inset: -0.0625rem; border-radius: inherit; border: var(--glass-border, 1px solid rgba(255, 255, 255, .4)); } .GlassBackground_g1eww901 { position: absolute; inset: 0px; pointer-events: none; z-index: -1; backdrop-filter: blur(0.75rem); border-radius: inherit; background-blend-mode: saturation, normal; } .GlassBackground_g1eww901[data-variant="subtle"] { background: var( --glass-fill, linear-gradient( 0deg, rgba(255, 0, 0, .04) 0%, rgba(255, 0, 0, .04) 100% ), rgba(75, 85, 102, .3) ); } .GlassBackground_g1eww901[data-variant="light"] { background: var( --glass-fill-light, linear-gradient( 0deg, rgba(26, 26, 26, .2) 0%, rgba(26, 26, 26, .2) 100% ), ); } .GlassBackground_g1eww901[data-variant="dark"] { background: var( --glass-fill-dark, linear-gradient( 0deg, rgba(255, 0, 0, .04) 0%, rgba(255, 0, 0, .04) 100% ), rgba(75, 85, 102, .5) ); } .GlassBackground_g1eww901[data-variant="overlay"] { background: var( --glass-fill-overlay, linear-gradient( 0deg, rgba(74, 74, 74, .2) 0%, rgba(74, 74, 74, .2) 100% ), linear-gradient( 0deg, rgba(255, 89, 0, .04) 0%, rgba(255, 89, 0, .04) 100% ), rgba(86, 88, 90, .5) ); background-blend-mode: saturation, normal; } .GlassBackground_g1eww901[data-variant="clean"] { background: var(--glass-fill-clean, rgba(255, 0, 0, .04)); } .ThumbnailContainer_tuxqgnb { position: relative; overflow: hidden; width: var(--tuxqgnb-0); height: var(--tuxqgnb-1); border-radius: var(--tuxqgnb-2); } @media (max-width: 768px) { .ThumbnailContainer_tuxqgnb { width: var(--tuxqgnb-3); height: var(--tuxqgnb-4); } } .ThumbnailImage_t1t0hoj2 { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .Wrapper_w1iexrh6 { position: relative; width: 100%; scroll-snap-align: start; scroll-margin: var(--top-nav-height); scroll-snap-type: y; } .Stage_saw0qc6 { position: sticky; top: var(--top-nav-height, 4rem); left: 0px; width: 100%; height: var(--clamped-full-height); z-index: 0; } .StageBackground_sfqe04v { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: opacity 0.5s ease-in-out; z-index: -1; } .StageBackground_sfqe04v[data-is-active="true"] { opacity: 1; } @media (min-width: 600px) { .StageBackground_sfqe04v { width: 60%; } } .StickyContent_siqt7vu { position: absolute; top: 0px; left: 0px; width: 100%; height: var(--clamped-full-height); z-index: 1; display: flex; flex-direction: column; pointer-events: none; } @media (min-width: 768px) { .StickyContent_siqt7vu { padding: 8vh 0px 0px; } } .StickyContent_siqt7vu > * { pointer-events: auto; } .ContentContainer_ch5pus6 { display: flex; flex-direction: column; height: 100%; position: relative; } .TitleContainer_t15c495 { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 2.5rem; margin-bottom: auto; } .StoriesContainer_s1hcwfuv { display: flex; flex-direction: column; gap: var(--pxds-space-100, .5rem); align-self: flex-end; width: 100%; max-width: 24.0625rem; margin-top: auto; padding-bottom: 1.5rem; } @media (min-width: 600px) { .StoriesContainer_s1hcwfuv { padding-bottom: var(--section-bottom-padding, 2.5rem); } } .StoryCard_s1c8fsf9 { position: relative; opacity: 0.5; transform: scale(0.95); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; } .StoryCard_s1c8fsf9 a { opacity: 0; transition: opacity 0.5s ease-in-out; } .StoryCard_s1c8fsf9[data-story-active="true"] { opacity: 1; transform: scale(1); } .StoryCard_s1c8fsf9[data-story-active="true"] a { opacity: 1; } .StoryContent_s1shai4f { display: flex; -webkit-box-align: center; align-items: center; gap: 1rem; position: relative; z-index: 1; } .StoryTextContainer_s1bw6jz { display: flex; flex-direction: column; gap: 0.5rem; flex: 1 1 0%; } .DisclaimerContainer_dumw1bd { padding-top: var(--pxds-space-300, 1.5rem); } .ScrollTrigger_s22g5an { height: var(--clamped-full-height); width: 100%; scroll-snap-align: start; } @media (min-width: 960px) { .ScrollTrigger_s22g5an { height: 30dvh; } } .SectionWrapper_s1liqffd { position: relative; width: 100%; background: var(--bg-mobile) top center/cover; padding: 2rem 0 calc(var(--section-bottom-padding) + 1rem); min-height: var(--clamped-full-height); } @media (min-width: 960px) { .SectionWrapper_s1liqffd { background: var(--bg) top center/cover; padding: 5.75rem 0 calc(var(--section-bottom-padding) + 1rem); } } .Title_t156kmas { margin-bottom: 3rem !important; } @media (min-width: 960px) { .Title_t156kmas { font-size: 3.4375rem !important; line-height: 108% !important; letter-spacing: -0.103rem !important; margin-bottom: 6.75rem !important; } } .SectionWrapper_sdox3zw { position: relative; width: 100%; display: grid; grid-template-columns: 1fr; gap: var(--pxds-space-large); } @media (min-width: 960px) { .SectionWrapper_sdox3zw { grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; } } .SupplementarySection_s1ks0owi { display: flex; flex-direction: column; position: relative; isolation: isolate; } @media (min-width: 960px) { .SupplementarySection_s1ks0owi { grid-column: 1 / span 2; } } .BackgroundContainer_bb6v155 { position: absolute; inset: 0px; pointer-events: none; overflow: hidden; z-index: -1; view-timeline-name: --section-scroll; view-timeline-axis: block; background-color: var(--bb6v155-0); } @media (min-width: 960px) { .BackgroundContainer_bb6v155 { background-color: var(--bb6v155-1); } } .BackgroundContainer_bb6v155 picture, .BackgroundContainer_bb6v155 img, .BackgroundContainer_bb6v155 video { width: 100%; object-fit: cover; } .BackgroundMedia_bflc6zh { position: absolute; inset: 0px; animation-name: parallax-BackgroundMedia_bflc6zh; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --section-scroll; } @-webkit-keyframes parallax-BackgroundMedia_bflc6zh { } @keyframes parallax-BackgroundMedia_bflc6zh { } .HeadingWrapper_h1ppxeis { display: flex; flex-direction: column; margin-bottom: var(--pxds-space-large); } .ChatContainer_c1gjzusc { display: flex; flex-direction: column; gap: var(--pxds-space-xlarge); overflow: hidden; margin-top: 3rem; margin-left: -2rem; padding: 0px 2rem 4rem; } @media (min-width: 960px) { .ChatContainer_c1gjzusc { max-width: 80%; margin-top: 4rem; padding: 0px 3rem 6rem; } } .ChatMessageWrapper_c18mladj { display: flex; gap: 0.813rem; flex-direction: column-reverse; -webkit-box-align: var(--c18mladj-0); align-items: var(--c18mladj-0); position: relative; margin-bottom: 2rem; } @media (min-width: 960px) { .ChatMessageWrapper_c18mladj { flex-direction: var(--c18mladj-1); align-items: flex-end; margin-left: var(--c18mladj-2); margin-right: var(--c18mladj-3); } } .PersonThumbnailWrapper_p1wqbtbk { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; background: var( --person-thumbnail-background, linear-gradient(0deg, rgba(26, 26, 26, .2) 0%, rgba(26, 26, 26, .2) 100%), rgba(126, 141, 155, .2) ); padding: 1rem; position: absolute; left: -0.75rem; top: calc(100% - 0.75rem); } .PersonThumbnailWrapper_p1wqbtbk[data-sender="ambassador"] { background: var(--person-thumbail-inner-circle, #c8d2e0); right: -0.5rem; left: unset; } .PersonThumbnailWrapper_p1wqbtbk[data-sender="ambassador"]::before { content: ""; position: absolute; inset: 0px; border-radius: 50%; padding: 0.06125rem; background: conic-gradient(transparent 0deg, transparent 70deg, rgba(255, 255, 255, 0.8) 135deg, transparent 200deg, transparent 250deg, rgba(255, 255, 255, 0.8) 315deg, transparent 360deg); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); } @media (min-width: 600px) { .PersonThumbnailWrapper_p1wqbtbk { left: -2rem; top: calc(100% - 1rem); } .PersonThumbnailWrapper_p1wqbtbk[data-sender="ambassador"] { right: -2rem; left: unset; } } .MiddleRing_mftsrei { position: absolute; border-radius: 50%; opacity: 0.3; background: var(--surface-neutral-strongContrast, #bac3d3); z-index: -1; pointer-events: none; border: 1px solid var(--border-feedback-informational-strong, #356ab1); width: 3rem; height: 3rem; } .OuterRing_on0w4ar { position: absolute; border-radius: 50%; opacity: 0.3; background: var(--surface-neutral-strongContrast, #bac3d3); z-index: -1; pointer-events: none; width: 5.5rem; height: 5.5rem; } .MessageWrapper_m1honyo1 { display: flex; flex-direction: column; gap: var(--pxds-space-medium); max-width: 14.25rem; } .ChatParagraph_c1jkt3rg { margin-bottom: 0px; } .ProductsSection_pimb0l9 { display: flex; flex-direction: column; } @media (min-width: 960px) { .ProductsSection_pimb0l9 { grid-column: 3; margin-top: 0px; } } .HighlightsContainer_hok1ish { display: flex; flex-direction: column; gap: var(--pxds-space-xlarge); } .ValuePropsWrapper_vyjz748 { display: flex; flex-direction: column; gap: var(--pxds-space-base); } .ValuePropItem_v1cvyi6r { display: flex; flex-direction: column; gap: var(--pxds-space-xxsmall); } .ValuePropItem_v1cvyi6r svg { width: 1.5rem; height: 1.5rem; } .ValuePropItem_v1cvyi6r li { gap: 0.5rem; -webkit-box-align: center; align-items: center; } .ValuePropsDescription_v1m85jfh { margin-left: 2rem; } .Divider_d158fn3s { border-top: .0625rem solid var(--pxds-divider-subtle); margin-left: 2rem; } .ProductsListContainer_p1gj9p3q { display: flex; flex-direction: column; gap: var(--pxds-space-small); margin-top: 1.25rem; } .ListWrapper_lklg8l { display: flex; -webkit-box-pack: start; justify-content: flex-start; width: 100%; } @media (min-width: 960px) { .ListWrapper_lklg8l { width: auto; } } .List_ljhookd { display: block; position: relative; list-style: none; margin: 0px; padding: 0px; height: var(--list-height); width: 100%; --list-height: 7rem; --avatar-size: 3.75rem; --gap-collapsed: .5rem; --background-normal: rgba(126, 141, 155, .5); --background-selected: rgba(255, 255, 255, .8); --color-selected: rgba(0, 0, 0, .85); --border-radius: calc(var(--avatar-size) / 2); --easing: var(--interactions-easing-productive-open); } @media (min-width: 960px) { .List_ljhookd { --list-height: 7.5rem; --avatar-size: 4.5rem; --gap-collapsed: 1rem; width: auto; } } .ListItem_ljp8gii { position: absolute; bottom: 0px; transition: left .4s var(--interactions-easing-productive-open),opacity .4s var(--interactions-easing-productive-open); z-index: calc(100 - var(--index)); } .ListItem_ljp8gii[data-expanded="false"] { left: 0px; opacity: 0; transition-delay: calc((4 - var(--index)) * .05s); } .ListItem_ljp8gii[data-expanded="true"] { left: calc(var(--index) * (100% - var(--avatar-size)) / (var(--item-count) - 1)); opacity: 1; transition-delay: calc(var(--index) * .05s); } @media (min-width: 960px) { .ListItem_ljp8gii[data-expanded="true"] { left: calc(var(--index) * (var(--avatar-size) + var(--gap-collapsed))); } } .OptionLink_o18209en { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backface-visibility: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-wrap: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; cursor: pointer; pointer-events: auto; flex-direction: column; background: var(--background-normal); backdrop-filter: blur(0.75rem); background-blend-mode: saturation, normal; border-radius: var(--border-radius); width: var(--avatar-size); height: var(--avatar-size); padding: 0.375rem; transition: height .3s var(--easing),background-color .3s var(--easing); overflow: hidden; } .OptionLink_o18209en.OptionLink_o18209en { display: flex; -webkit-box-align: center; align-items: center; } .OptionLink_o18209en > span { opacity: 0; visibility: hidden; transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0.1s; } .OptionLink_o18209en[aria-current="page"] { background: var(--background-selected); transition-delay: 0.3s; } .OptionLink_o18209en[aria-current="page"] > span { color: var(--color-selected) !important; } .OptionLink_o18209en > [data-element="person-thumbnail"] { flex-shrink: 0; } @media (hover: hover) { .OptionLink_o18209en[data-hover-enabled="true"]:hover { gap: 0.5rem; height: var(--list-height); transition-delay: 0.3s; } .OptionLink_o18209en[data-hover-enabled="true"]:hover > span { opacity: 1; visibility: visible; transition-delay: 0.4s; } } .ExpandButton_elr8mmw { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; cursor: pointer; width: calc(var(--avatar-size) + 3.5rem); height: var(--avatar-size); padding: 0.375rem; background: var(--background-normal); backdrop-filter: blur(0.75rem); border-radius: var(--border-radius); } .ExpandButton_elr8mmw.ExpandButton_elr8mmw { display: flex; -webkit-box-align: center; align-items: center; } .ExpandButton_elr8mmw[aria-expanded="false"] { pointer-events: auto; } .ExpandButton_elr8mmw[aria-expanded="true"] { pointer-events: none; } .OverlayContainer_o1ks87rj { position: absolute; bottom: 0px; left: 0px; z-index: 100; transition: opacity .4s var(--interactions-easing-productive-open); } .OverlayContainer_o1ks87rj[data-expanded="false"] { opacity: 1; pointer-events: auto; transition-delay: 0.2s; } .OverlayContainer_o1ks87rj[data-expanded="true"] { opacity: 0; pointer-events: none; transition-delay: 0s; } .GridIcon_gr785ey { width: calc(var(--avatar-size) / 3); height: calc(var(--avatar-size) / 3); margin-left: 0.875rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0.125rem; --icon-border-radius: .125rem; } .GridIcon_gr785ey::before, .GridIcon_gr785ey::after, .GridIcon_gr785ey > span { border: .125rem solid var(--foundations-color-gray-100); border-radius: var(--icon-border-radius); } .GridIcon_gr785ey::before, .GridIcon_gr785ey::after { content: ""; grid-row: 1; } .GridIcon_gr785ey::before { grid-column: 1; } .GridIcon_gr785ey::after { grid-column: 2; } .VisibilityWrapper_vd1dczs { --ambassador-switch-translate-y: var(--vd1dczs-0); --ambassador-switch-opacity: var(--vd1dczs-1); --ambassador-switch-visibility: var(--vd1dczs-2); } .FixedWrapper_f6yyu3u { pointer-events: none; position: fixed; bottom: 1.5rem; left: 50%; transform: translate(-50%); z-index: var(--zIndex-mainMenu); opacity: var(--ambassador-switch-opacity); visibility: var(--ambassador-switch-visibility); transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .FixedWrapper_f6yyu3u { transition: none; } } @media (min-width: 960px) { .FixedWrapper_f6yyu3u { bottom: var(--section-bottom-padding); } @media (min-height: 72rem) { .FixedWrapper_f6yyu3u { bottom: auto; top: calc(var(--clamped-full-height) - var(--section-bottom-padding) - 3rem); } } } :root { --deprecated-color-surface-onLight-muted: rgba(135,135,135,0.07); --deprecated-color-surface-onLight-overlay: rgba(0,0,0,0.1); --deprecated-color-surface-onLight-overlayStrong: rgba(0,0,0,0.5); --deprecated-color-surface-onDark-muted: rgba(97,97,97,0.1); --deprecated-color-surface-onDark-overlay: rgba(255,255,255,0.1); --deprecated-color-surface-onDark-overlayStrong: rgba(255,255,255,0.5); --deprecated-color-text-onLight-muted: #7F7F7F; --deprecated-color-text-onDark-muted: #7F7F7F; --deprecated-color-border-onLight-default: #a6a6a6; --deprecated-color-border-onLight-emphasis: #1a1a1a; --deprecated-color-border-onLight-muted: #c7c7c7; --deprecated-color-border-onLight-subtle: #ececec; --deprecated-color-border-onDark-default: #7F7F7F; --deprecated-color-border-onDark-emphasis: #fff; --deprecated-color-border-onDark-muted: #4b4b4b; --deprecated-color-border-onDark-subtle: #303030; --deprecated-color-action-focusedOutline: #276ef1; --deprecated-gradient-bluePink-normal-0: #53ACEB; --deprecated-gradient-bluePink-normal-1: #FF01A9; --deprecated-gradient-bluePink-normal-2: #FF9890; --deprecated-gradient-bluePink-a11y-0: #1A76C3; --deprecated-gradient-bluePink-a11y-1: #D80C9A; --deprecated-gradient-bluePink-a11y-2: #D7756D; --deprecated-gradient-yellowRed-normal-0: #EBC600; --deprecated-gradient-yellowRed-normal-1: #FF8A00; --deprecated-gradient-yellowRed-normal-2: #FF0000; --deprecated-gradient-yellowRed-a11y-0: #EB6A20; --deprecated-gradient-yellowRed-a11y-1: #ED2020; --deprecated-gradient-yellowRed-a11y-2: #970202; --deprecated-gradient-blueGreen-normal-0: #535DFF; --deprecated-gradient-blueGreen-normal-1: #56EBFF; --deprecated-gradient-blueGreen-normal-2: #41F49E; --deprecated-gradient-blueGreen-a11y-0: #1A76C3; --deprecated-gradient-blueGreen-a11y-1: #0DA098; --deprecated-gradient-blueGreen-a11y-2: #5E9E7F; --deprecated-gradient-orangeBlue-normal-0: #FF6C19; --deprecated-gradient-orangeBlue-normal-1: #3177FF; --deprecated-gradient-orangeBlue-normal-2: #55A3FF; --deprecated-gradient-orangeBlue-a11y-0: #EB6A20; --deprecated-gradient-orangeBlue-a11y-1: #1A76C3; --deprecated-gradient-orangeBlue-a11y-2: #5461FA; --deprecated-gradient-greenYellow-normal-0: #0CCBC6; --deprecated-gradient-greenYellow-normal-1: #FFD600; --deprecated-gradient-greenYellow-normal-2: #FFB359; --deprecated-gradient-greenYellow-a11y-0: #6B9A3C; --deprecated-gradient-greenYellow-a11y-1: #189EB0; --deprecated-gradient-greenYellow-a11y-2: #EB6A20; --deprecated-gradient-fullSpectrum-normal-0: #FF0000; --deprecated-gradient-fullSpectrum-normal-1: #FF01A9; --deprecated-gradient-fullSpectrum-normal-2: #FF9890; --deprecated-gradient-fullSpectrum-normal-3: #53ACEB; --deprecated-gradient-fullSpectrum-normal-4: #535DFF; --deprecated-gradient-fullSpectrum-normal-5: #3177FF; --deprecated-gradient-fullSpectrum-normal-6: #55A3FF; --deprecated-gradient-fullSpectrum-normal-7: #56EBFF; --deprecated-gradient-fullSpectrum-normal-8: #0CCBC6; --deprecated-gradient-fullSpectrum-normal-9: #41F49E; --deprecated-gradient-fullSpectrum-normal-10: #FFD600; --deprecated-gradient-fullSpectrum-normal-11: #EBC600; --deprecated-gradient-fullSpectrum-normal-12: #FFB359; --deprecated-gradient-fullSpectrum-normal-13: #FF8A00; --deprecated-gradient-fullSpectrum-normal-14: #FF6C19; --deprecated-gradient-fullSpectrum-a11y-0: #970202; --deprecated-gradient-fullSpectrum-a11y-1: #D80C9A; --deprecated-gradient-fullSpectrum-a11y-2: #D7756D; --deprecated-gradient-fullSpectrum-a11y-3: #1A76C3; --deprecated-gradient-fullSpectrum-a11y-4: #1A76C3; --deprecated-gradient-fullSpectrum-a11y-5: #1A76C3; --deprecated-gradient-fullSpectrum-a11y-6: #5461FA; --deprecated-gradient-fullSpectrum-a11y-7: #0DA098; --deprecated-gradient-fullSpectrum-a11y-8: #6B9A3C; --deprecated-gradient-fullSpectrum-a11y-9: #5E9E7F; --deprecated-gradient-fullSpectrum-a11y-10: #189EB0; --deprecated-gradient-fullSpectrum-a11y-11: #EB6A20; --deprecated-gradient-fullSpectrum-a11y-12: #EB6A20; --deprecated-gradient-fullSpectrum-a11y-13: #ED2020; --deprecated-gradient-fullSpectrum-a11y-14: #EB6A20; --deprecated-elevation-xsmall: inset 0px 0px 0px 1px #ececec; --deprecated-elevation-small: -4px 7px 14px rgba(0,0,0,0.02); --deprecated-elevation-medium: -6px 9px 14px rgba(0,0,0,0.04); --deprecated-elevation-large: -12px 40px 20px rgba(0,0,0,0.08); } .iA-DUCM { margin: 0px; font: var(--body-3-mobile-regular); letter-spacing: var(--letter-spacing-body-3); text-align: center; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .iA-DUCM { margin: 0px; } } @media screen and (min-width: 960px) { .iA-DUCM { margin: 0px; } } @media screen and (min-width: 600px) { .iA-DUCM { font: var(--body-3-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .iA-DUCM { font: var(--body-3-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .iA-DUCM { font: var(--body-3-desktop-regular); } } .eIkseM { margin: 0px; font: var(--body-3-mobile-strong); letter-spacing: var(--letter-spacing-body-3); text-align: center; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .eIkseM { margin: 0px; } } @media screen and (min-width: 960px) { .eIkseM { margin: 0px; } } @media screen and (min-width: 600px) { .eIkseM { font: var(--body-3-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .eIkseM { font: var(--body-3-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .eIkseM { font: var(--body-3-desktop-strong); } } .cITWMk { margin: 0px 0px 1rem; font: var(--body-2-mobile-strong); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: uppercase; color: var(--color-text-secondary); } @media screen and (min-width: 600px) { .cITWMk { margin: 0px 0px 1rem; } } @media screen and (min-width: 960px) { .cITWMk { margin: 0px 0px 1rem; } } @media screen and (min-width: 600px) { .cITWMk { font: var(--body-2-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .cITWMk { font: var(--body-2-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .cITWMk { font: var(--body-2-desktop-strong); } } .fQONvJ { margin: 0px; font: var(--body-2-mobile-regular); letter-spacing: var(--letter-spacing-body-2); text-align: center; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .fQONvJ { margin: 0px; } } @media screen and (min-width: 960px) { .fQONvJ { margin: 0px; } } @media screen and (min-width: 600px) { .fQONvJ { font: var(--body-2-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .fQONvJ { font: var(--body-2-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .fQONvJ { font: var(--body-2-desktop-regular); } } .ecIFRB { margin: 0px; font: var(--body-2-mobile-regular); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .ecIFRB { margin: 0px; } } @media screen and (min-width: 960px) { .ecIFRB { margin: 0px; } } @media screen and (min-width: 600px) { .ecIFRB { font: var(--body-2-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .ecIFRB { font: var(--body-2-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .ecIFRB { font: var(--body-2-desktop-regular); } } .ePCHqz { margin: 0px 0px 0.75rem; font: var(--body-4-mobile-strong); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: uppercase; color: var(--color-text-secondary); } @media screen and (min-width: 600px) { .ePCHqz { margin: 0px; } } @media screen and (min-width: 960px) { .ePCHqz { margin: 0px; } } @media screen and (min-width: 600px) { .ePCHqz { font: var(--body-4-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .ePCHqz { font: var(--body-4-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .ePCHqz { font: var(--body-4-desktop-strong); } } .iSNxE { margin: 0px 0px 1rem; font: var(--body-4-mobile-regular); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .iSNxE { margin: 0px; } } @media screen and (min-width: 960px) { .iSNxE { margin: 0px 0px 1.5rem; } } @media screen and (min-width: 600px) { .iSNxE { font: var(--body-4-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .iSNxE { font: var(--body-4-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .iSNxE { font: var(--body-4-desktop-regular); } } .jyPBpf { margin: 0px 0px 0.5rem; font: var(--body-4-mobile-regular); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .jyPBpf { margin: 0px; } } @media screen and (min-width: 960px) { .jyPBpf { margin: 0px 0px 0.5rem; } } @media screen and (min-width: 600px) { .jyPBpf { font: var(--body-4-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .jyPBpf { font: var(--body-4-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .jyPBpf { font: var(--body-4-desktop-regular); } } .enkRBM { margin: 0px; font: var(--micro-mobile-regular); letter-spacing: var(--letter-spacing-micro); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .enkRBM { margin: 0px; } } @media screen and (min-width: 960px) { .enkRBM { margin: 0px; } } @media screen and (min-width: 600px) { .enkRBM { font: var(--micro-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .enkRBM { font: var(--micro-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .enkRBM { font: var(--micro-desktop-regular); } } .cDTDXP { margin: 0px; font: var(--display-2-mobile-strong); letter-spacing: var(--letter-spacing-display-2); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .cDTDXP { margin: 0px; } } @media screen and (min-width: 960px) { .cDTDXP { margin: 0px; } } @media screen and (min-width: 600px) { .cDTDXP { font: var(--display-2-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .cDTDXP { font: var(--display-2-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .cDTDXP { font: var(--display-2-desktop-strong); } } .juCdlv { margin: 0px; font: var(--body-4-mobile-regular); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .juCdlv { margin: 0px; } } @media screen and (min-width: 960px) { .juCdlv { margin: 0px; } } @media screen and (min-width: 600px) { .juCdlv { font: var(--body-4-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .juCdlv { font: var(--body-4-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .juCdlv { font: var(--body-4-desktop-regular); } } .ezkGZl { margin: 0px; font: var(--body-2-mobile-strong); letter-spacing: var(--letter-spacing-body-2); text-align: center; text-transform: none; color: var(--color-text-primary); } .jkeXRe { margin: 0px; font: var(--body-4-mobile-strong); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-accent-secondary); } @media screen and (min-width: 600px) { .jkeXRe { margin: 0px; } } @media screen and (min-width: 960px) { .jkeXRe { margin: 0px; } } @media screen and (min-width: 600px) { .jkeXRe { font: var(--body-4-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .jkeXRe { font: var(--body-4-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .jkeXRe { font: var(--body-4-desktop-strong); } } .hczUAn { margin: 0px; font: var(--h5-mobile-strong); letter-spacing: var(--letter-spacing-h5); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .hczUAn { margin: 0px; } } @media screen and (min-width: 960px) { .hczUAn { margin: 0px; } } @media screen and (min-width: 600px) { .hczUAn { font: var(--h5-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .hczUAn { font: var(--h5-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .hczUAn { font: var(--h5-desktop-strong); } } .kEEcBi { margin: 0px; font: var(--body-1-mobile-regular); letter-spacing: var(--letter-spacing-body-1); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .kEEcBi { margin: 0px; } } @media screen and (min-width: 960px) { .kEEcBi { margin: 0px; } } @media screen and (min-width: 600px) { .kEEcBi { font: var(--body-1-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .kEEcBi { font: var(--body-1-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .kEEcBi { font: var(--body-1-desktop-regular); } } .idnbpO { margin: 0px; font: var(--body-1-mobile-strong); letter-spacing: var(--letter-spacing-body-1); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .idnbpO { margin: 0px; } } @media screen and (min-width: 960px) { .idnbpO { margin: 0px; } } @media screen and (min-width: 600px) { .idnbpO { font: var(--body-1-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .idnbpO { font: var(--body-1-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .idnbpO { font: var(--body-1-desktop-strong); } } .czFFmh { margin: 0px; font: var(--body-3-mobile-strong); letter-spacing: var(--letter-spacing-body-3); text-align: center; text-transform: none; color: var(--color-text-primary); } .TjjkC { margin: 0px; font: var(--h4-mobile-strong); letter-spacing: var(--letter-spacing-h4); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .TjjkC { margin: 0px; } } @media screen and (min-width: 960px) { .TjjkC { margin: 0px; } } @media screen and (min-width: 600px) { .TjjkC { font: var(--h4-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .TjjkC { font: var(--h4-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .TjjkC { font: var(--h4-desktop-strong); } } .gURsbZ { margin: 0px; font: var(--body-2-mobile-strong); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .gURsbZ { margin: 0px; } } @media screen and (min-width: 960px) { .gURsbZ { margin: 0px; } } @media screen and (min-width: 600px) { .gURsbZ { font: var(--body-2-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .gURsbZ { font: var(--body-2-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .gURsbZ { font: var(--body-2-desktop-strong); } } .gCmAec { margin: 0px; font: var(--h2-mobile-strong); letter-spacing: var(--letter-spacing-h2); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .gCmAec { margin: 0px; } } @media screen and (min-width: 960px) { .gCmAec { margin: 0px; } } @media screen and (min-width: 600px) { .gCmAec { font: var(--h2-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .gCmAec { font: var(--h2-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .gCmAec { font: var(--h2-desktop-strong); } } .eeOMyZ { margin: 0px; font: var(--h3-mobile-strong); letter-spacing: var(--letter-spacing-h3); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .eeOMyZ { margin: 0px; } } @media screen and (min-width: 960px) { .eeOMyZ { margin: 0px; } } @media screen and (min-width: 600px) { .eeOMyZ { font: var(--h3-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .eeOMyZ { font: var(--h3-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .eeOMyZ { font: var(--h3-desktop-strong); } } .kNQQMn { margin: 0px; font: var(--body-2-mobile-regular); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: none; color: var(--color-text-secondary); } @media screen and (min-width: 600px) { .kNQQMn { margin: 0px; } } @media screen and (min-width: 960px) { .kNQQMn { margin: 0px; } } @media screen and (min-width: 600px) { .kNQQMn { font: var(--body-2-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .kNQQMn { font: var(--body-2-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .kNQQMn { font: var(--body-2-desktop-regular); } } .ggUTed { margin: 0px; font: var(--body-4-mobile-regular); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-secondary); } @media screen and (min-width: 600px) { .ggUTed { margin: 0px; } } @media screen and (min-width: 960px) { .ggUTed { margin: 0px; } } @media screen and (min-width: 600px) { .ggUTed { font: var(--body-4-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .ggUTed { font: var(--body-4-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .ggUTed { font: var(--body-4-desktop-regular); } } .iHLGSr { margin: 0px; font: var(--body-4-mobile-strong); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .iHLGSr { margin: 0px; } } @media screen and (min-width: 960px) { .iHLGSr { margin: 0px; } } @media screen and (min-width: 600px) { .iHLGSr { font: var(--body-4-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .iHLGSr { font: var(--body-4-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .iHLGSr { font: var(--body-4-desktop-strong); } } .lgEzFU { margin: 0px; font: var(--body-3-mobile-regular); letter-spacing: var(--letter-spacing-body-3); text-align: left; text-transform: none; color: var(--color-text-tertiary); } @media screen and (min-width: 600px) { .lgEzFU { margin: 0px; } } @media screen and (min-width: 960px) { .lgEzFU { margin: 0px; } } @media screen and (min-width: 600px) { .lgEzFU { font: var(--body-3-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .lgEzFU { font: var(--body-3-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .lgEzFU { font: var(--body-3-desktop-regular); } } .kAaZHz { margin: 0px; font: var(--body-3-mobile-regular); letter-spacing: var(--letter-spacing-body-3); text-align: right; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .kAaZHz { margin: 0px; } } @media screen and (min-width: 960px) { .kAaZHz { margin: 0px; } } @media screen and (min-width: 600px) { .kAaZHz { font: var(--body-3-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .kAaZHz { font: var(--body-3-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .kAaZHz { font: var(--body-3-desktop-regular); } } .gMxMYE { margin: 0px; font: var(--body-3-mobile-regular); letter-spacing: var(--letter-spacing-body-3); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .gMxMYE { margin: 0px; } } @media screen and (min-width: 960px) { .gMxMYE { margin: 0px; } } @media screen and (min-width: 600px) { .gMxMYE { font: var(--body-3-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .gMxMYE { font: var(--body-3-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .gMxMYE { font: var(--body-3-desktop-regular); } } .eSwXAl { margin: 0px; font: var(--body-4-mobile-strong); letter-spacing: var(--letter-spacing-body-4); text-align: left; text-transform: none; color: var(--color-text-secondary); } @media screen and (min-width: 600px) { .eSwXAl { margin: 0px; } } @media screen and (min-width: 960px) { .eSwXAl { margin: 0px; } } @media screen and (min-width: 600px) { .eSwXAl { font: var(--body-4-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .eSwXAl { font: var(--body-4-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .eSwXAl { font: var(--body-4-desktop-strong); } } .efkeBK { margin: 0px; font: var(--micro-mobile-regular); letter-spacing: var(--letter-spacing-micro); text-align: center; text-transform: none; color: var(--color-text-secondary); } @media screen and (min-width: 600px) { .efkeBK { margin: 0px; } } @media screen and (min-width: 960px) { .efkeBK { margin: 0px; } } @media screen and (min-width: 600px) { .efkeBK { font: var(--micro-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .efkeBK { font: var(--micro-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .efkeBK { font: var(--micro-desktop-regular); } } .fFxaHe { --local-radius: var(--ripple-border-radius,0.5rem); display: block; position: absolute; border-radius: var(--local-radius); z-index: 2; width: calc(100% + 0px); height: calc(100% + 0px); top: 0px; left: 0px; } .gKshvN { --local-radius: var(--ripple-border-radius,0.5rem); display: block; position: absolute; border-radius: var(--local-radius); z-index: 2; width: calc(100% + 0px); height: calc(100% + 0px); top: 0px; left: 0px; overflow: hidden; } .jAxXql { display: block; border-radius: 50%; background: var(--button-primary-pressed-background); border: 0px; position: absolute; transform-origin: 50% 50%; transition: opacity 150ms; opacity: 0; } .fSSsan { display: block; border-radius: 50%; background: var(--button-secondary-pressed-background); border: 0px; position: absolute; transform-origin: 50% 50%; transition: opacity 150ms; opacity: 0; } .klqgNE { display: block; border-radius: 50%; background: var(--button-text-pressed-background); border: 0px; position: absolute; transform-origin: 50% 50%; transition: opacity 150ms; opacity: 0; } .gPpsUa { pointer-events: none; margin: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; position: relative; z-index: 5; color: currentcolor; } .cpkzvk { pointer-events: none; margin: 0px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; position: relative; z-index: 5; color: currentcolor; display: inline-flex; border-bottom: 1px solid; padding-bottom: 0.25rem; } .bIPVmJ { position: relative; display: inline-block; background: none; margin: 0px; padding: 0px; outline: none; text-align: center; text-decoration: none; user-select: none; -webkit-tap-highlight-color: transparent; appearance: none; border: 0px; cursor: pointer; transition-timing-function: cubic-bezier(0, 0, 0.5, 1); transition-duration: 0.2s; transition-property: color, background-color; border-radius: 0px; color: var(--color-text-primary); } body:not(.focus--mouse) .bIPVmJ:focus::after { display: block; content: ""; inset: 0px; position: absolute; border: var(--focus-outline-border-normal); border-radius: var(--button-border-radius); box-shadow: var(--focus-outline-box-shadow); margin: -0.5rem -0.75rem; } @media screen and (min-width: 600px) { .bIPVmJ { display: inline-block; width: auto; } } @media screen and (min-width: 960px) { .bIPVmJ { display: inline-block; width: auto; } } @media screen and (min-width: 1280px) { .bIPVmJ { display: inline-block; width: auto; } } .bIPVmJ .Content-sc-b655ccb2-0 svg [stroke] { stroke: var(--color-text-primary); } .bIPVmJ .Content-sc-b655ccb2-0 svg [fill]:not([fill="white"]) { fill: var(--color-text-primary); } @media (hover: hover) { .bIPVmJ:hover { color: var(--color-text-primary); } .bIPVmJ:hover .Content-sc-b655ccb2-0 svg [stroke] { stroke: var(--color-text-primary); } .bIPVmJ:hover .Content-sc-b655ccb2-0 svg [fill]:not([fill="white"]) { fill: var(--color-text-primary); } .bIPVmJ:hover .Content-sc-b655ccb2-0 { border-bottom: 1px solid var(--color-text-primary); } } .iwcYn { position: relative; overflow: hidden; border-radius: var(--button-border-radius); --ripple-border-radius: var(--button-border-radius); padding: var(--button-large-padding-vertical) calc( var(--rds-button-padding-inline,0px) + var(--button-large-padding-horizontal) ); } .gQZLNz { position: relative; overflow: hidden; border-radius: var(--button-border-radius); --ripple-border-radius: var(--button-border-radius); padding: var(--button-small-padding-vertical) calc( var(--rds-button-padding-inline,0px) + var(--button-small-padding-horizontal) ); } .iWDPKD { position: relative; overflow: hidden; --ripple-border-radius: var(--button-border-radius); border-radius: 0px; padding: 0px; } .fKdfmy { outline: 0px; position: relative; display: inline-block; text-decoration: none; color: inherit; } .fKdfmy:focus::before { content: ""; display: block; position: absolute; inset: calc(0px - 0.25rem); border: 4px solid var(--deprecated-color-action-focusedOutline); border-radius: inherit; z-index: 10; } body.focus--mouse .fKdfmy:focus::before { display: none; } .fKdfmy:disabled, .fKdfmy:hover, .fKdfmy:active, .fKdfmy:visited { color: inherit; } .hmgnMj { outline: 0px; position: relative; display: inline-block; text-decoration: none; color: inherit; } .hmgnMj:focus::before { content: ""; display: block; position: absolute; inset: calc(4px - 0.25rem); border: 4px solid var(--deprecated-color-action-focusedOutline); border-radius: inherit; z-index: 10; } body.focus--mouse .hmgnMj:focus::before { display: none; } .hmgnMj:disabled, .hmgnMj:hover, .hmgnMj:active, .hmgnMj:visited { color: inherit; } .fxhNeG { outline: 0px; position: relative; display: inline-block; text-decoration: none; color: inherit; } .fxhNeG:focus::before { content: ""; display: block; position: absolute; inset: calc(0px - 0.25rem); border: 4px solid var(--deprecated-color-action-focusedOutline); border-radius: inherit; z-index: 10; } body.focus--mouse .fxhNeG:focus::before { display: none; } .fxhNeG:disabled, .fxhNeG:hover, .fxhNeG:active, .fxhNeG:visited { color: inherit; } .gwErxI { position: relative; display: inline-block; margin: 0px; padding: 0px; outline: none; text-align: center; text-decoration: none; user-select: none; -webkit-tap-highlight-color: transparent; appearance: none; border-radius: var(--button-border-radius); border: 0px; cursor: pointer; transition-timing-function: cubic-bezier(0, 0, 0.5, 1); transition-duration: 0.2s; transition-property: color, background-color; color: var(--button-primary-default-color); background: var(--button-primary-default-background); } body:not(.focus--mouse) .gwErxI:focus::after { display: block; content: ""; inset: 0px; position: absolute; border: var(--focus-outline-border-normal); border-radius: var(--button-border-radius); box-shadow: var(--focus-outline-box-shadow); margin: 0px; } @media screen and (min-width: 600px) { .gwErxI { display: inline-block; width: auto; } } @media screen and (min-width: 960px) { .gwErxI { display: inline-block; width: auto; } } @media screen and (min-width: 1280px) { .gwErxI { display: inline-block; width: auto; } } .gwErxI:active, .gwErxI:focus, .gwErxI:visited { color: var(--button-primary-default-color); background: var(--button-primary-default-background); } @media (hover: hover) and (pointer: fine) { .gwErxI:hover { color: var(--button-primary-default-color); background: var(--button-primary-hover-background); } } .gwErxI .Content-sc-b655ccb2-0 svg [stroke] { stroke: var(--button-primary-default-color); } .gwErxI .Content-sc-b655ccb2-0 svg [fill]:not([fill="white"]) { fill: var(--button-primary-default-color); } .kJRZQb { position: relative; display: inline-block; margin: 0px; padding: 0px; outline: none; text-align: center; text-decoration: none; user-select: none; -webkit-tap-highlight-color: transparent; appearance: none; border-radius: var(--button-border-radius); border: 0px; cursor: pointer; transition-timing-function: cubic-bezier(0, 0, 0.5, 1); transition-duration: 0.2s; transition-property: color, background-color; color: var(--button-secondary-default-color); background: var(--button-secondary-default-background); } body:not(.focus--mouse) .kJRZQb:focus::after { display: block; content: ""; inset: 0px; position: absolute; border: var(--focus-outline-border-normal); border-radius: var(--button-border-radius); box-shadow: var(--focus-outline-box-shadow); margin: 0px; } @media screen and (min-width: 600px) { .kJRZQb { display: inline-block; width: auto; } } @media screen and (min-width: 960px) { .kJRZQb { display: inline-block; width: auto; } } @media screen and (min-width: 1280px) { .kJRZQb { display: inline-block; width: auto; } } .kJRZQb:active, .kJRZQb:focus, .kJRZQb:visited { color: var(--button-secondary-default-color); background: var(--button-secondary-default-background); } @media (hover: hover) and (pointer: fine) { .kJRZQb:hover { color: var(--button-secondary-default-color); background: var(--button-secondary-hover-background); } } .kJRZQb::after { content: ""; display: block; inset: 0px; position: absolute; z-index: 4; box-shadow: var(--button-secondary-default-box-shadow); pointer-events: none; border-radius: var(--button-border-radius); } .kgabds { cursor: pointer; display: inline-block; background: none; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: 0px; position: relative; } .kgabds:focus::before { content: ""; display: block; position: absolute; inset: calc(0px - 0.25rem); border: 4px solid var(--deprecated-color-action-focusedOutline); border-radius: inherit; z-index: 10; } body.focus--mouse .kgabds:focus::before { display: none; } .bzwHXv { --page-container-max-width: 80rem; --page-container-padding: var(--grid-padding-mobile); margin: auto; padding: 0 var(--page-container-padding); width: min(100%, 1280px); } @media screen and (min-width: 600px) { .bzwHXv { --page-container-padding: var(--grid-padding-tablet-portrait); } } @media screen and (min-width: 960px) { .bzwHXv { --page-container-padding: var(--grid-padding-tablet-landscape); } } @media screen and (min-width: 1280px) { .bzwHXv { --page-container-padding: var(--grid-padding-desktop); } } .eaoJrP { --page-container-max-width: 80rem; --page-container-padding: 0; margin: auto; padding: 0 var(--page-container-padding); width: min(100%, 1280px); } @media screen and (min-width: 600px) { .eaoJrP { --page-container-padding: var(--grid-padding-tablet-portrait); } } @media screen and (min-width: 960px) { .eaoJrP { --page-container-padding: var(--grid-padding-tablet-landscape); } } @media screen and (min-width: 1280px) { .eaoJrP { --page-container-padding: var(--grid-padding-desktop); } } .bheHeH { position: relative; } .kiLkYz { position: absolute; top: calc(-1 * var(--top-navigation-mobile-height) - 3rem); } @media screen and (,min-width: 600px,) { .kiLkYz { } } .dddTni { width: 100%; overflow-x: hidden; padding-top: 0px; padding-bottom: 0px; background-color: transparent; } .cGJxIn { display: block; padding-inline-start: 0px; } @media screen and (max-width: calc(599px)) { .cGJxIn { grid-column: span 12; } } @media screen and (min-width: 600px) { .cGJxIn { grid-column: span 12; display: block; } } .fpkYAn { display: none; padding-inline-start: 0px; } @media screen and (max-width: calc(599px)) { .fpkYAn { grid-column: span 12; } } @media screen and (min-width: 600px) { .fpkYAn { grid-column: span 12; } } @media screen and (min-width: 960px) { .fpkYAn { grid-column: span 8; display: block; } } .gUDIiA { display: block; padding-inline-start: 0px; } @media screen and (max-width: calc(599px)) { .gUDIiA { grid-column: span 12; } } @media screen and (min-width: 600px) { .gUDIiA { grid-column: span 12; } } @media screen and (min-width: 960px) { .gUDIiA { grid-column: span 4; display: block; } } .cRdbzj { display: block; padding-inline-start: 0px; } @media screen and (max-width: calc(599px)) { .cRdbzj { grid-column: span 12; } } @media screen and (min-width: 600px) { .cRdbzj { grid-column: span 12; } } @media screen and (min-width: 960px) { .cRdbzj { grid-column: span 12; display: block; } } .eduXhb { display: block; padding-inline-start: 0px; } @media screen and (max-width: calc(599px)) { .eduXhb { grid-column: span 12; } } @media screen and (min-width: 600px) { .eduXhb { grid-column: span 12; } } @media screen and (min-width: 960px) { .eduXhb { grid-column: span 3; display: block; } } .YHaGE { display: grid; gap: 0 var(--grid-gap); -webkit-box-align: stretch; align-items: stretch; padding-inline-start: 0px; grid-template-columns: repeat(var(--grid-columns),1fr); } @media screen and (max-width: calc(599px)) { .YHaGE { --grid-gap: var(--grid-gutter-tablet-portrait, var(--spacing-spacing-200)); } } @media screen and (min-width: 390px) { .YHaGE { --grid-gap: var(--grid-gutter-tablet-portrait); } } @media screen and (min-width: 600px) { .YHaGE { --grid-gap: var(--grid-gutter-tablet-landscape); } } @media screen and (min-width: 960px) { .YHaGE { --grid-gap: var(--grid-gutter-desktop); } } .fuItSc { display: block; position: relative; width: 24px; height: 24px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .cBgUVZ { display: block; position: relative; width: 16px; height: 16px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .cBgUVZ [stroke] { stroke: rgb(144, 144, 144); } .cBgUVZ [fill]:not([fill="white"]) { fill: rgb(144, 144, 144); } .efdZWl { display: inline-block; position: relative; width: 16px; height: 16px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .efdZWl [stroke] { stroke: rgb(144, 144, 144); } .efdZWl [fill]:not([fill="white"]) { fill: rgb(144, 144, 144); } .lkzoWF { display: block; position: relative; width: 16px; height: 16px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .lkzoWF [stroke] { stroke: var(--rds-primitive-color-grey-900); } .lkzoWF [fill]:not([fill="white"]) { fill: var(--rds-primitive-color-grey-900); } .jSGrMx { display: block; position: relative; width: 16px; height: 16px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .jSGrMx [stroke] { stroke: var(--color-text-primary); } .jSGrMx [fill]:not([fill="white"]) { fill: var(--color-text-primary); } .fAlFfl { display: block; position: relative; width: 16px; height: 16px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .fAlFfl [stroke] { stroke: white; } .fAlFfl [fill]:not([fill="white"]) { fill: white; } .jfrmpt { display: block; position: relative; width: 16px; height: 16px; flex-shrink: 0; transform: rotate(0deg); transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-open); } .jfrmpt [stroke] { stroke: var(--color-text-secondary); } .jfrmpt [fill]:not([fill="white"]) { fill: var(--color-text-secondary); } .hslPKq { display: block; } .fmJrTm { max-width: 100%; display: block; object-fit: cover; aspect-ratio: auto; } @media screen and (min-width: 960px) { .fmJrTm { aspect-ratio: auto; } } .cUPkmW { max-width: 100%; display: block; object-fit: cover; aspect-ratio: 1.9048 / 1; } @media screen and (min-width: 960px) { .cUPkmW { aspect-ratio: 1.9048 / 1; } } .exMtUh { font-weight: var(--font-weight-semibold); } .dvwSwt { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; cursor: pointer; outline: 0px; position: relative; } .dvwSwt:focus::before { content: ""; display: block; position: absolute; inset: calc(0px - 0.25rem); border: 4px solid var(--deprecated-color-action-focusedOutline); border-radius: inherit; z-index: 10; } body.focus--mouse .dvwSwt:focus::before { display: none; } .ytxPq { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .jLJAtU { border-bottom: 1px solid var(--color-border-subtle-1); } .hkHPkq { border-bottom: 1px solid var(--color-border-subtle-3); } .hOtXaY { transition: var(--interactions-duration-very-fast) var(--interactions-easing-productive-close); } .is-open .hOtXaY { transition: var(--interactions-duration-slow) var(--interactions-easing-productive-open); } .jfomlY { overflow: hidden; padding-bottom: 1rem; } .johuyT { margin: 0px; } .ivTdvK { position: relative; padding-top: ; padding-bottom: ; padding-left: 0px; padding-right: calc(var(--paddings-padding-150) + 0.75rem); color: var(--color-text-primary); display: flex; flex-direction: column; gap: var(--spacing-spacing-050); cursor: pointer; } .eeOLiA { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .UNTVd { transition: var(--interactions-duration-very-fast) var(--interactions-easing-productive-close) transform; } @media screen and (min-width: 960px) { .UNTVd { width: 1.5rem; height: 1.5rem; } } .is-open .UNTVd { transform: rotate(180deg); transition: var(--interactions-duration-slow) var(--interactions-easing-productive-open) transform; } @media screen and (min-width: 390px) { .czCGwG { position: absolute; z-index: 100; top: 0px; left: 0px; } } @media screen and (min-width: 390px) { .jPnEXV { position: absolute; z-index: 100; top: 0px; right: 0px; } } @media screen and (min-width: 390px) { .lcaBtW { position: absolute; z-index: 100; bottom: 0px; left: 0px; } } @media screen and (min-width: 390px) { .kzkcWN { position: absolute; z-index: 100; bottom: 0px; right: 0px; } } .jWCLEs { position: fixed; top: 0px; left: 0px; width: 100%; z-index: var(--zIndex-toast); } .bZQHCD { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: var(--zIndex-toast); } .dpiqZr { display: inline-block; font-size: inherit; color: var(--color-text-on-light-primary); text-decoration: underline; } .dpiqZr:hover, .dpiqZr:focus, .dpiqZr:active, .dpiqZr:visited { color: var(--color-text-on-light-primary); text-decoration: underline; } .dpiqZr:active { opacity: 0.8; } .eqmVng { display: inline-flex; -webkit-box-align: center; align-items: center; gap: 0.25rem; } .inNfcA { margin: 0px 0px 1rem; } .gcPScl { width: 2rem; } @media screen and (max-width: calc(959px)) { .fdHBVl { display: none; } } .jlMeqM { display: none; } @media screen and (max-width: calc(959px)) { .jlMeqM { display: block; } } .kunWTI:not(:first-child) { margin-top: var(--spacing-spacing-300); } .FcaLa { list-style: none; padding: 0px; margin: var(--spacing-spacing-150) 0 0; } .bGFssZ { padding-bottom: var(--spacing-spacing-150); } .bGFssZ:last-child { padding-bottom: 0px; } .cKbCVY { display: flex; flex-direction: row; -webkit-box-align: baseline; align-items: baseline; -webkit-box-pack: justify; justify-content: space-between; margin: var(--spacing-spacing-300) 0; } .glcije { width: 4rem; max-width: 100%; } .dVuxpr { flex: 1 1 0%; } .yRanv { z-index: var(--zIndex-promoBar); position: sticky; top: 0px; } .fYYFot { display: block; padding: var(--paddings-padding-100) 0; background-color: rgb(248, 255, 161); } .bzLuTR { color: var(--promobar-text); } .vpauG { text-decoration: underline; color: var(--promobar-text); } .gjUELi { width: 1.75rem; height: 1.75rem; } @media screen and (min-width: 960px) { .gvOAKZ { display: none; } } .dBQvdl { padding: 0.5rem; position: relative; } .cWOanj { display: none; height: var(--top-navigation-mobile-height); } @media screen and (min-width: 600px) { .cWOanj { height: var(--top-navigation-desktop-height); } } .fBhhEi { position: absolute; top: 9.375rem; } .cJraGv { position: absolute; top: 0.0625rem; } .hJbVxe { font-size: 1rem; --main-nav-top-offset: 2.25rem; position: sticky; top: var(--main-nav-top-offset); left: 0px; right: 0px; background: var(--color-surface-light); z-index: var(--zIndex-mainMenu); box-shadow: var(--deprecated-elevation-medium); } @media screen and (max-width: calc(959px)) { .hJbVxe.hidden { transform: translateY(calc(-100% - 2.125rem)); } .hJbVxe.fixed-toc { transition: var(--interactions-duration-fast) transform var(--interactions-easing-expressive-close); } } @media screen and (max-width: calc(599px)) { .hJbVxe { display: block; --main-nav-top-offset: 2.125rem; } } @media screen and (min-width: 960px) { .hJbVxe { font-size: 1rem; } } .kgBAcI { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: var(--top-navigation-mobile-height); padding: var(--paddings-padding-150) 0; } @media screen and (min-width: 600px) { .kgBAcI { height: var(--top-navigation-desktop-height); padding: var(--paddings-padding-150) 0; } } .caiFQU { order: 1; } @media screen and (min-width: 960px) { .caiFQU { order: 0; } } .lingcJ { order: 0; } @media screen and (min-width: 960px) { .lingcJ { order: 1; margin: 0px; } } .dxXDhD { order: 2; display: flex; -webkit-box-align: center; align-items: center; gap: 2rem; } @media screen and (max-width: calc(599px)) { .dxXDhD { gap: 1.5rem; } } @media screen and (min-width: 960px) { .irtLJh { display: none; } } .gtBpac { display: none; position: fixed; top: calc(var(--main-nav-top-offset) + 3.5rem); left: 0px; right: 0px; bottom: 0px; background: var(--color-surface-light); padding: 0.75rem 2rem; overflow-y: auto; overscroll-behavior: contain; } @media screen and (min-width: 600px) { .gtBpac { padding: 0px 3.75rem; } } @media screen and (min-width: 960px) { .gtBpac { background: transparent; display: block; padding: 0px; margin: 0px; position: static; } } .dptuqy { display: flex; flex-direction: column; gap: 1rem; margin: 0px; padding: 0px; min-height: calc(100% + 1px - 2.25rem); } @media screen and (min-width: 960px) { .dptuqy { gap: 2.5rem; display: flex; flex-flow: wrap; overflow: hidden; max-height: 1.5625rem; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0px 0.5rem; } } .bTDmQq { position: relative; color: var(--color-text-on-light-primary); padding-bottom: 2px; } @media screen and (min-width: 960px) { .bTDmQq { display: flex; -webkit-box-align: center; align-items: center; gap: 0.75rem; color: var(--color-text-on-light-primary); pointer-events: auto; cursor: default; } } @media screen and (max-width: calc(959px)) { .bTDmQq { text-align: left; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0.5rem 0px; } .bTDmQq::after { top: 0.65rem; left: unset; right: 1.2rem; } } .kLijzX { display: none; position: fixed; inset: 0px; padding: 0px; background: var(--color-surface-light); overflow-y: auto; overscroll-behavior: contain; } @media screen and (min-width: 960px) { .kLijzX { position: static; top: auto; bottom: auto; overflow-y: visible; } } .jlZMYT { display: none; -webkit-box-align: center; align-items: center; padding: 1.5rem 2rem; } @media screen and (min-width: 960px) { .jlZMYT { display: none; } } @media screen and (min-width: 1280px) { .jlZMYT { padding: 0px 3.75rem; width: 1280px; } } .iLrUgk { position: relative; right: 0.75rem; flex: 1 1 0%; } .bNpsrk { display: none; padding: 0rem 1.25rem; min-height: calc(1px - 4.5375rem + 100vh); } @media screen and (min-width: 600px) { .bNpsrk { padding: 0.5rem 3rem 0px; } } @media screen and (min-width: 960px) { .bNpsrk { margin: auto; display: none; column-gap: 2.5rem; grid-template-columns: repeat(4, 1fr); min-height: auto; } } @media screen and (min-width: 1280px) { .bNpsrk { width: 1280px; } } .hCPdUk a { position: fixed; clip: rect(0px, 0px, 0px, 0px); transform: translate(-100%, -100%); } .hCPdUk a:focus { top: 2px; left: 2px; clip: auto; color: var(--color-text-on-dark-primary); background: var(--color-surface-dark); z-index: var(--zIndex-skipNavigation); padding: 0.5rem; transform: none; } .bTbOnh { position: fixed; top: 0px; left: 0px; } @media screen and (min-width: 960px) { .jkMJfH { display: none; } } .dkXlmt { border-top: 1px solid var(--color-text-on-light-primary); padding-top: 1.5rem; margin: 1.5rem 0.75rem; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (min-width: 960px) { .dkXlmt { margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex-direction: column; -webkit-box-pack: start; justify-content: start; } } .eCrQoZ { width: 8.75rem; } @media screen and (min-width: 960px) { .eCrQoZ { width: 10rem; } } .bUXtKQ { border-bottom: 1px solid; } .lbikLw { list-style: none; margin: 0px; padding: 0px; } .ejstdm { margin-top: 2rem; padding-left: 0.75rem; } @media screen and (min-width: 960px) { .ejstdm { margin-top: 0.75rem; } } .gKIdIO { margin-top: 0px; padding-left: 0.75rem; } @media screen and (min-width: 960px) { .gKIdIO { margin-top: 0.75rem; } } .hQkykh { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: start; } @media screen and (min-width: 960px) { .hQkykh { margin-top: 0px; min-height: 2.5rem; display: flex; margin-bottom: 1.5rem; } } .bFsqVd { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: start; } @media screen and (min-width: 960px) { .bFsqVd { margin-top: 0px; min-height: 2.5rem; display: flex; margin-bottom: 0px; } } .eEVkbh { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: start; } @media screen and (min-width: 960px) { .eEVkbh { margin-top: 2.75rem; min-height: 2.5rem; display: flex; margin-bottom: 0px; } } .kBYLqc { color: var(--color-text-on-light-primary); } .eVEdDs { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0.5rem 0.5rem 0.5rem 0.75rem; height: 100%; } .eVEdDs :hover { background-color: var(--color-surface-light-secondary); } .bOncUJ { position: relative; top: 0.1875rem; display: inline; margin-left: 0.25rem; } .VXluf { position: relative; } .kMGhxF { position: relative; z-index: 2; } .ePldLL { height: 0.25rem; background: linear-gradient(90deg, rgb(255, 0, 0), rgb(255, 1, 169), rgb(255, 152, 144), rgb(83, 172, 235), rgb(83, 93, 255), rgb(49, 119, 255), rgb(85, 163, 255), rgb(86, 235, 255), rgb(12, 203, 198), rgb(65, 244, 158), rgb(255, 214, 0), rgb(235, 198, 0), rgb(255, 179, 89), rgb(255, 138, 0), rgb(255, 108, 25)); position: fixed; z-index: var(--zIndex-loadingBar); inset: 0px; overflow: hidden; display: flex; -webkit-box-pack: end; justify-content: flex-end; opacity: 0; animation: 0.5s linear 0s 1 normal forwards running fadeOut; } @-webkit-keyframes progress { 0% { transform: translate(30%); } 100% { transform: translate(100%); } } @keyframes progress { 0% { transform: translate(30%); } 100% { transform: translate(100%); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ePldLL::before { content: ""; background: var(--color-surface-light-secondary); display: block; width: 100%; height: 0.25rem; border-radius: var(--border-radius-small); transform: translate(100%); animation: auto ease 0s 1 normal none running none; } .fUHiJl { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; } .fUHiJl img, .fUHiJl video { width: 100%; height: 100%; } .dGgmJa { position: relative; aspect-ratio: 3 / 2; } .bsPngC { position: relative; z-index: 2; padding: var(--paddings-padding-200); display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .ghUjwu { --card-width: 13.93rem; --card-min-width: 13.93rem; --columns-size: 3; --card-content-padding: var(--paddings-padding-200) var(--paddings-padding-300) var(--paddings-padding-300); --footer-display: flex; --title-min-height: 5.31rem; flex-direction: column; display: flex; width: var(--card-width); } @media screen and (max-width: calc(599px)) { .ghUjwu { --card-content-padding: var(--paddings-padding-200) var(--paddings-padding-300) var(--paddings-padding-300); } } @media screen and (max-width: calc(599px)) { .ghUjwu { --title-min-height: 3.75rem; } } @media screen and (max-width: calc(1279px)) { .ghUjwu { --columns-size: 4; } } @media screen and (min-width: 600px) { .ghUjwu { --container-width: calc(100vw - var(--scrollbar-width, 0px)); --container-padding: var(--grid-padding-tablet-portrait); --available-space: calc( var(--container-width) - (2 * var(--container-padding)) ); --columns-in-grid: calc(12 / var(--columns-size)); --number-of-gaps: calc(var(--columns-in-grid) - 1); --total-size-of-gaps: calc(var(--number-of-gaps) * var(--page-grid-gap)); --card-width: max( calc( (var(--available-space) - var(--total-size-of-gaps)) / var(--columns-in-grid) ),var(--card-min-width) ); } } @media screen and (min-width: 960px) { .ghUjwu { --container-padding: var(--grid-padding-tablet-landscape); } } @media screen and (min-width: 1280px) { .ghUjwu { --container-width: inherit; --container-padding: var(--grid-padding-desktop); } } .full-width-card .ghUjwu { width: 100%; } .ghUjwu .arrow-right { overflow: visible; } .ghUjwu img, .ghUjwu video, .ghUjwu .arrow-right-long-line, .ghUjwu .arrow-right-rest { transition: transform 0.3s cubic-bezier(0.4, 0.2, 0.2, 1); } .ghUjwu .arrow-right-rest { transform-origin: 0px 50%; } .ghUjwu:hover img, .ghUjwu:hover video { transform: scale(1.1); } .ghUjwu:hover .arrow-right-long-line { transform: scaleX(1.5) translateX(-0.1875rem); } .ghUjwu:hover .arrow-right-rest { transform: translateX(0.1875rem); } .lhFdKW { overflow: hidden; } .gzUvdo { position: relative; display: flex; flex-direction: column; flex: 1 1 0%; gap: var(--spacing-spacing-150); background: var(--rds-primitive-color-beige-light-warm-neutral); padding: var(--card-content-padding); } .jkqAMp { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; gap: var(--spacing-spacing-150); flex: 1 1 0%; position: relative; z-index: 3; } .jGGAKq { display: var(--footer-display); -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .eIYCWk { display: flex; gap: var(--spacing-spacing-100); } .eIYCWk svg { transform: translateY(1px); } .grmTr { min-height: var(--title-min-height); } .dBWTMc { overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } .crxMEv { max-width: 47rem; margin: 0px auto; padding: 1rem; background: var(--color-surface-light-secondary); } .crxMEv a { display: inline; } .crxMEv > :last-child { margin-bottom: 0px; } .lbllOz { list-style-type: none; counter-reset: item 0; margin: 0px; padding: 0px; } .lbllOz > li { display: table; counter-increment: item 1; } .lbllOz > li::before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.5rem; } .lbllOz li ol > li { margin: 0px; } .lbllOz li ol > li::before { content: counters(item, ".") " "; } .cNDLys { display: inline; } .jdUwIp { margin-bottom: 1.5rem; } .cMiaqQ { display: flex; flex-direction: column; padding: var(--paddings-padding-300); background-color: var(--color-surface-subtle-2); width: 100vw; position: relative; right: var(--paddings-padding-300); } @media screen and (min-width: 960px) { .cMiaqQ { padding: 0px; } } @media screen and (min-width: 960px) { .cMiaqQ { width: 100%; right: 0px; } } .fQStic { display: flex; flex-direction: column; width: 100%; position: relative; padding: var(--paddings-padding-300); aspect-ratio: 1 / 1; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (min-width: 960px) { .fQStic { aspect-ratio: 2 / 1; } } .ehRYUT { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .ehRYUT > img { width: 100%; height: 100%; } .ekuBjk { width: 100%; height: 100%; } @media screen and (min-width: 600px) { .ekuBjk { width: 60%; height: 100%; } } .hoVulX { position: relative; } .hAWQRo { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } @media screen and (min-width: 960px) { .hAWQRo { flex-direction: row; width: fit-content; } } @media screen and (min-width: 960px) { .kgMayl { width: var(--marketing-banner-cta-max-width); } } .cjTviE { margin-bottom: var(--spacing-spacing-300); } .ceDSZI:not(:last-child) p { margin-bottom: 0px; } .gqAuSV { display: flex; -webkit-box-pack: end; justify-content: flex-end; gap: 1rem; } .gSndcB { position: relative; margin-top: 1rem; overflow: hidden; background: var(--color-surface-light); height: 2px; } .dZyGQA { --width: 8rem; width: var(--width); position: absolute; top: 0px; left: 0px; display: block; height: 2px; background: var(--color-text-on-light-primary); } @media screen and (max-width: calc(599px)) { .dZyGQA { --width: 4rem; } } .eStfkW { padding: 1rem 0px; color: var(--color-text-on-light-primary); margin-right: auto; } .jIRLDA { opacity: 0.65; } @media screen and (min-width: 960px) { .lhwyMU { padding-right: 0px; } } .knYWMP { display: grid; grid-auto-flow: column; grid-auto-rows: 1fr; gap: 0px; overflow-x: auto; list-style: none; padding: 0px 2rem 1rem; scroll-snap-type: x mandatory; scroll-padding: 0px; scrollbar-width: none; } @media screen and (min-width: 600px) { .knYWMP { padding: 0px 0px 1rem; } } @media screen and (min-width: 960px) { .knYWMP { padding-right: 3.75rem; } } .knYWMP::-webkit-scrollbar { display: none; } .bOmPTk { position: relative; scroll-snap-align: start; scroll-margin-left: 2rem; } @media screen and (min-width: 600px) { .bOmPTk { scroll-margin-left: 0px; } } .iYjDGD { position: sticky; z-index: -1; top: 0px; margin-bottom: calc(-1 * var(--spacing-spacing-300)); display: flex; padding: var(--paddings-padding-400) 0 var(--paddings-padding-600); background-color: var(--article-hero-banner-light-cool-grey-background); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media screen and (min-width: 960px) { .iYjDGD { margin-bottom: 0px; } } @media screen and (min-width: 960px) { .iYjDGD { padding: var(--paddings-padding-400) 0; } } .ibfwSp { position: sticky; z-index: -1; top: 64px; margin-bottom: calc(-1 * var(--spacing-spacing-300)); display: flex; padding: var(--paddings-padding-400) 0 var(--paddings-padding-600); background-color: var(--article-hero-banner-light-cool-grey-background); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media screen and (min-width: 960px) { .ibfwSp { margin-bottom: 0px; } } @media screen and (min-width: 960px) { .ibfwSp { padding: var(--paddings-padding-400) 0; } } .ciNPjP { --hero-container-padding: var(--grid-padding-mobile); display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; width: 100%; max-width: min(100%, 1280px); margin: 0px auto; padding: 0 var(--hero-container-padding); } @media screen and (min-width: 600px) { .ciNPjP { --hero-container-padding: var(--grid-padding-tablet-portrait); } } @media screen and (min-width: 960px) { .ciNPjP { --hero-container-padding: var(--grid-padding-tablet-landscape); } } @media screen and (min-width: 1280px) { .ciNPjP { --hero-container-padding: var(--grid-padding-desktop); } } @media screen and (min-width: 960px) { .ciNPjP { flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; position: relative; top: 0px; } } @media screen and (min-width: 960px) { .iXcRVp { width: 50%; margin-right: 8%; display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; } } .khHkZg { color: var(--color-text-on-light-primary); } .bVxpaZ { color: var(--color-text-on-light-primary); } .cEtBiO { display: inline-block; color: var(--color-text-on-light-secondary); } .duTUhh { display: inline-block; color: var(--color-text-on-light-secondary); } .duTUhh:not(:last-child)::after { display: inline-block; content: ""; margin-right: var(--spacing-spacing-100); margin-bottom: 2px; margin-left: var(--spacing-spacing-100); width: 0.25rem; height: 0.25rem; border-radius: var(--border-radius-full); background-color: var(--color-text-on-light-secondary); } .cklcGE:not(:last-child)::after { display: inline-block; content: ""; margin-right: var(--spacing-spacing-100); margin-bottom: 2px; margin-left: var(--spacing-spacing-100); width: 0.25rem; height: 0.25rem; border-radius: var(--border-radius-full); background-color: var(--color-text-on-light-secondary); } .dRKPth { font-weight: var(--font-weight-semibold); text-decoration: underline; } .bXqBbq { font-weight: var(--font-weight-semibold); text-decoration: underline; } .gOUszc { margin-top: var(--spacing-spacing-200); } @media screen and (min-width: 960px) { .gOUszc { margin-top: var(--spacing-spacing-150); } } @media screen and (min-width: 960px) { .dMWkxR { width: 42%; display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; } } .bbQuNZ { background-color: rgba(255, 255, 255, 0.64); backdrop-filter: blur(1.5rem); display: grid; grid-template-columns: 0.5fr 1fr; margin-top: var(--spacing-spacing-300); border-radius: var(--border-radius-corner-radius-200); position: relative; } .iHJFPj { position: absolute; top: -1rem; right: -1rem; width: 72px; height: 72px; } @media screen and (min-width: 960px) { .iHJFPj { top: -2rem; right: -2rem; } } .HMcZt { border-radius: var(--border-radius-corner-radius-200) 0 0 var(--border-radius-corner-radius-200); overflow: hidden; } .HMcZt > img { width: 100%; height: 0px; object-position: center top; } .gcilMI { border-radius: var(--border-radius-corner-radius-200) 0 0 var(--border-radius-corner-radius-200); overflow: hidden; } .gcilMI > img { width: 100%; height: 207px; object-position: center top; } .eggxJG { padding: var(--paddings-padding-200); height: fit-content; } .dOMBoy { color: var(--color-text-on-light-accent-small); } .jFdZiO { max-width: 80%; } @media screen and (min-width: 960px) { .jFdZiO { max-width: 100%; } } .cLxUnW { height: var(--spacing-spacing-150); } .eEIKDy { margin-top: var(--spacing-spacing-300); } .eEIKDy .StyledLink-sc-cf3ae414-0 { width: 100%; } @media screen and (min-width: 960px) { .eEIKDy { display: none; } } .bkEhEB { display: none; } @media screen and (min-width: 960px) { .bkEhEB { margin-top: var(--spacing-spacing-300); display: block; } .bkEhEB a, .bkEhEB button { min-width: 250px; } } .bMPdUo { display: none; } @media screen and (min-width: 960px) { .bMPdUo { position: fixed; transform: translateY(-7.125rem); padding: 0.5rem 3.75rem 2rem 0.5rem; bottom: -7.125rem; left: auto; right: 0px; z-index: var(--zIndex-stickyButtonContainer); text-align: right; max-width: 1280px; margin: 0px auto; --rds-button-padding-inline: 2rem; } } .jcQAiD { height: 1px; width: 1px; background-color: transparent; } .gBDCmx { width: 100vw; height: var(--paddings-padding-050); background-color: var(--article-reviewer-section-background); } .dGbwzW { margin: var(--spacing-spacing-400) auto 0; max-width: var(--article-content-max-width); padding: 0 var(--paddings-padding-300) var(--paddings-padding-400); } @media screen and (min-width: 960px) { .dGbwzW { margin: 0px auto; padding: var(--paddings-padding-500) 0; display: flex; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; } } .ijzsPn { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); } @media screen and (min-width: 960px) { .ijzsPn { max-width: 45%; gap: var(--spacing-spacing-200); } } .YLXQH { margin-top: var(--spacing-spacing-500); } @media screen and (min-width: 960px) { .YLXQH { width: 29.125rem; margin-top: 0px; } } .fPlxPA { background-color: var(--article-reviewer-section-background); position: relative; margin-bottom: var(--spacing-spacing-300); display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } @media screen and (min-width: 600px) { .fPlxPA { padding-right: 30%; max-height: fit-content; } .fPlxPA:hover { background-color: var(--color-surface-subtle-2); } } .iYmTbp { padding: var(--paddings-padding-300) var(--paddings-padding-300) 0; display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } @media screen and (min-width: 600px) { .iYmTbp { padding-right: 0px; padding-bottom: var(--paddings-padding-300); } } .llYEGj { color: var(--color-text-on-light-accent-small); margin: 0px; } .djDoiV { margin-top: calc(-1 * var(--spacing-spacing-300)); margin-left: auto; flex: 1 1 0%; width: 75%; overflow: hidden; } @media screen and (min-width: 600px) { .djDoiV { position: absolute; margin-top: 0px; right: 0px; bottom: 0px; height: 100%; width: 30%; } } .djDoiV > img { width: 100%; object-position: center top; transform: scale(-1, 1); } @media screen and (min-width: 600px) { .djDoiV > img { height: 100%; object-fit: contain; object-position: left bottom; } } .jRyxTv { position: absolute; top: calc(-1 * var(--article-reviewer-section-badge-image-size) / 2); right: var(--article-reviewer-section-badge-right-displacement); } .jRyxTv > img { width: var(--article-reviewer-section-badge-image-size); height: var(--article-reviewer-section-badge-image-size); object-fit: contain; object-position: center center; } .dBFqpA { position: absolute; bottom: var(--paddings-padding-300); right: var(--paddings-padding-300); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: var(--article-reviewer-section-button-size); height: var(--article-reviewer-section-button-size); background-color: var(--modal-overlay-background); backdrop-filter: blur(1.25rem); border-radius: var(--border-radius-full); } .dMsppq { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); } .cDEmuf { display: flex; -webkit-box-pack: justify; justify-content: space-between; } .dcMHm { display: flex; flex-wrap: wrap; align-items: flex-start; -webkit-box-pack: end; justify-content: flex-end; max-width: 11rem; } .mcloO { flex-shrink: 0; } .bNZAlP { width: 100%; max-width: 100%; margin: 0px; padding: 0px; background-color: var(--color-surface-light); border-radius: var(--pxds-border-radius-large) var(--pxds-border-radius-large) 0 0; } @media screen and (min-width: 960px) { .bNZAlP { margin: var(--spacing-spacing-400) 0 0; } } .jzRZkp { width: 100%; margin-top: var(--spacing-spacing-400); margin-bottom: 0px; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } @media screen and (min-width: 960px) { .jzRZkp { display: flex; } } @media screen and (min-width: 600px) { .jzRZkp > div :not(:only-child) { margin-left: 0px; } } .lgzxVv { display: flex; flex-direction: column; gap: var(--spacing-spacing-300); background-color: var(--rds-primitive-color-beige-light-warm-neutral); padding: var(--paddings-padding-400) var(--paddings-padding-300); margin-bottom: var(--spacing-spacing-050); border-radius: var(--pxds-border-radius-large) var(--pxds-border-radius-large) 0 0; } @media screen and (min-width: 960px) { .lgzxVv { display: none; } } .eVdzSR { display: flex; flex-direction: column; background-color: var(--rds-primitive-color-beige-light-warm-neutral); margin-bottom: var(--spacing-spacing-500); margin-top: 0px; padding: var(--paddings-padding-300); gap: var(--spacing-spacing-200); } @media screen and (max-width: calc(959px)) { .eVdzSR { display: none; } } @media screen and (min-width: 1280px) { .eVdzSR { margin-bottom: var(--spacing-spacing-400); margin-top: 0px; } } .jYFECk { display: flex; flex-direction: column; margin: 0px auto; padding: 0 0 var(--spacing-spacing-600); border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; overflow: clip; max-width: var(--article-content-max-width); } @media screen and (min-width: 960px) { .jYFECk { border-radius: 0px; padding: var(--spacing-spacing-400) 0 10.125rem; } } @media screen and (max-width: calc(959px)) { .jYFECk > :not(:nth-child(2)) { padding: 0 var(--paddings-padding-300); } } @media screen and (min-width: 960px) { .jYFECk { flex-direction: row; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; position: relative; } } .kYbCbB { width: 100%; } @media screen and (min-width: 960px) { .kYbCbB { width: 41.375rem; margin-left: auto; } } .ihhLdC { width: 1px; height: 1px; position: absolute; top: 0px; } .jkkmmY { width: 1px; height: 1px; position: absolute; bottom: 0px; } .dDjsMC { width: 1px; height: 1px; position: absolute; } .iBbSIq { position: relative; } .tmERe { position: absolute; margin-top: 0px; } .lmOPCx { margin-bottom: var(--spacing-spacing-300); } .jfBGHj { margin-bottom: var(--spacing-spacing-300); } .jfBGHj > code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--foundations-font-size-body-100,0.875rem); color: var(--foundations-color-kellygreen-1000); } @media screen and (min-width: 960px) { .jfBGHj > code { font-size: var(--foundations-font-size-body-200, 1rem); } } .ijNaFE { background-color: var(--rds-primitive-color-grey-0); width: fit-content; margin-right: var(--spacing-spacing-100); margin-bottom: var(--spacing-spacing-200); padding-left: var(--paddings-padding-150); padding-right: var(--paddings-padding-150); border-color: transparent; } .ijNaFE:hover { width: fit-content; margin-bottom: var(--spacing-spacing-200); padding-left: var(--paddings-padding-150); padding-right: var(--paddings-padding-150); } .fnxgvw { position: fixed; left: 0px; z-index: var(--zIndex-sticky); height: 0.25rem; width: 0vw; transform: var(--interactions-duration-very-fast); background-color: var(--rds-primitive-color-brand-rich-blue); top: 0px; } .husjHK { position: fixed; left: 0px; z-index: var(--zIndex-sticky); height: 0.25rem; width: 0vw; transform: var(--interactions-duration-very-fast); background-color: var(--rds-primitive-color-brand-rich-blue); top: 64px; } .ccuTjb { display: flex; flex-direction: column; gap: var(--spacing-spacing-100); list-style: none; padding-left: var(--paddings-padding-300); margin: 0px; } @media screen and (min-width: 960px) { .ccuTjb { gap: var(--paddings-padding-150); } } .TCrSW { position: relative; } .TCrSW p { font: var(--body-2-mobile-regular); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: none; color: var(--color-text-primary); margin-bottom: 0px; } @media screen and (min-width: 600px) { .TCrSW p { font: var(--body-2-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .TCrSW p { font: var(--body-2-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .TCrSW p { font: var(--body-2-desktop-regular); } } .TCrSW > p { } .TCrSW > p::before { position: absolute; left: calc(-1 * var(--spacing-spacing-100)); content: "•"; color: var(--color-text-primary); margin-left: -0.5rem; } @media screen and (max-width: calc(959px)) { .TCrSW { display: none; } } .jzqwPW { position: relative; } .jzqwPW p { font: var(--body-2-mobile-regular); letter-spacing: var(--letter-spacing-body-2); text-align: left; text-transform: none; color: var(--color-text-primary); margin-bottom: 0px; } @media screen and (min-width: 600px) { .jzqwPW p { font: var(--body-2-tablet-portrait-regular); } } @media screen and (min-width: 960px) { .jzqwPW p { font: var(--body-2-tablet-landscape-regular); } } @media screen and (min-width: 1280px) { .jzqwPW p { font: var(--body-2-desktop-regular); } } .jzqwPW > p { position: relative; } .jzqwPW > p::before { position: absolute; left: calc(-1 * var(--spacing-spacing-100)); content: "•"; color: var(--color-text-primary); margin-left: -0.5rem; } @media screen and (min-width: 960px) { .jzqwPW { display: none; } } .jWOUPz { font: var(--h4-mobile-strong); letter-spacing: var(--letter-spacing-h4); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .jWOUPz { font: var(--h4-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .jWOUPz { font: var(--h4-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .jWOUPz { font: var(--h4-desktop-strong); } } @media screen and (min-width: 960px) { .jWOUPz { font: var(--h5-mobile-strong); letter-spacing: var(--letter-spacing-h5); text-align: left; text-transform: none; color: var(--color-text-primary); } @media screen and (min-width: 600px) { .jWOUPz { font: var(--h5-tablet-portrait-strong); } } @media screen and (min-width: 960px) { .jWOUPz { font: var(--h5-tablet-landscape-strong); } } @media screen and (min-width: 1280px) { .jWOUPz { font: var(--h5-desktop-strong); } } } .iUzEjA { background-color: var(--color-surface-light); padding: var(--paddings-padding-400) 0; } @media screen and (min-width: 960px) { .iUzEjA { padding: var(--paddings-padding-500) 0; } } .iuQVKK { display: flex; -webkit-box-align: center; align-items: center; gap: 0.125rem; } .bGCyQi { text-decoration: none; color: var(--rds-primitive-color-grey-600); } .egVbfX { color: var(--rds-primitive-color-grey-900); } .jiGMbi { padding: 0.5rem 0px; background-color: var(--rds-primitive-color-grey-50); } .rfm-marquee-container { overflow-x: hidden; display: flex; flex-direction: row; position: relative; width: var(--width); transform: var(--transform); } .rfm-marquee-container:hover div { animation-play-state: var(--pause-on-hover); } .rfm-marquee-container:active div { animation-play-state: var(--pause-on-click); } .rfm-overlay { position: absolute; width: 100%; height: 100%; } .rfm-overlay::before, .rfm-overlay::after { background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0)); content: ""; height: 100%; position: absolute; width: var(--gradient-width); z-index: 2; pointer-events: none; touch-action: none; } .rfm-overlay::after { right: 0px; top: 0px; transform: rotateZ(180deg); } .rfm-overlay::before { left: 0px; top: 0px; } .rfm-marquee { flex: 0 0 auto; min-width: var(--min-width); z-index: 1; display: flex; flex-direction: row; align-items: center; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-play-state: var(--play); animation-delay: var(--delay); animation-direction: var(--direction); } @keyframes scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .rfm-initial-child-container { flex: 0 0 auto; display: flex; min-width: auto; flex-direction: row; align-items: center; } .rfm-child { transform: var(--transform); } .rfm-marquee-container { overflow-x: hidden; display: flex; flex-direction: row; position: relative; width: var(--width); transform: var(--transform); } .rfm-marquee-container:hover div { animation-play-state: var(--pause-on-hover); } .rfm-marquee-container:active div { animation-play-state: var(--pause-on-click); } .rfm-overlay { position: absolute; width: 100%; height: 100%; } .rfm-overlay::before, .rfm-overlay::after { background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0)); content: ""; height: 100%; position: absolute; width: var(--gradient-width); z-index: 2; pointer-events: none; touch-action: none; } .rfm-overlay::after { right: 0px; top: 0px; transform: rotateZ(180deg); } .rfm-overlay::before { left: 0px; top: 0px; } .rfm-marquee { flex: 0 0 auto; min-width: var(--min-width); z-index: 1; display: flex; flex-direction: row; align-items: center; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-play-state: var(--play); animation-delay: var(--delay); animation-direction: var(--direction); } @keyframes scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .rfm-initial-child-container { flex: 0 0 auto; display: flex; min-width: auto; flex-direction: row; align-items: center; } .rfm-child { transform: var(--transform); }