/* ===== https://www.essilor.com/_next/static/css/63aa2ac01b1d6184.css ===== */ :root { --grid-gap:24px; --max-width:1200px; --max-full-width:1440px; --essilor-color-blue:#0088ce; --essilor-color-blue-20:#0088ce12; --essilor-color-blue-30:#0088ce12; --essilor-color-white:#fff; --essilor-color-white-20:#ffffff20; --essilor-color-black:#010e3d; --essilor-color-marine:#0d52a0; --essilor-color-marine-20:#0d52a020; --essilor-color-grey:#5a6675; --essilor-color-grey-80:#7b8591; --essilor-color-grey-60:#9ca3ac; --essilor-color-grey-40:#bdc2c8; --essilor-color-grey-20:#dee0e3; --essilor-color-grey-10:#eff0f1; --essilor-color-purple:#6557c4; --essilor-color-fuxschia:#ff5c6b; --essilor-color-salmon:#f49655; --essilor-color-yellow:#ffd618; --essilor-color-turquoise:#5ebeb3; --essilor-color-cyan:#00b2a9; --essilor-color-magenta:#ce009f; --essilor-color-teal:#001871; --essilor-color-lavander:#685bc7; --essilor-color-pumpkin:#ff6a00; --essilor-color-dustgray:#97999b; --essilor-color-gradient:linear-gradient(180deg,#0086d6 -25%,#001a72 139.5%); --essilor-color-filter:linear-gradient(270deg,rgba(1,14,61,0),rgba(1,14,61,0.7)); --essilor-color-vertical-filter:linear-gradient(180deg,rgba(1,14,61,0),rgba(1,14,61,0.7)); --essilor-color-shadow:box-shadow:0px 0px 24px rgba(1,14,61,0.08); --essilor-color-radial-black:radial-gradient(50% 50% at 50% 50%,#0f256c 0%,#010e3d 100%); --essilor-color-radial-white:radial-gradient(hsla(0,0%,100%,0.62) 0,hsla(0,0%,100%,0.46) 60%,hsla(0,0%,100%,0.34) 90%); --essilor-color-linear-light-blue:linear-gradient(0deg,#0088ce,rgba(0,136,206,0.1)); --essilor-color-linear-blue:linear-gradient(180deg,#0086d6 -25%,#001a72 139.5%); --essilor-color-linear-gray:linear-gradient(180deg,#dee0e3 -25%,#5a6675 139.5%); --essilor-color-linear-black:linear-gradient(0deg,#010e3d,#999fb1); --essilor-color-linear-white:linear-gradient(270deg,hsla(0,0%,100%,0.34),hsla(0,0%,100%,0.92)); --essilor-color-linear-red:linear-gradient(180deg,rgba(255,92,107,0.1) -25%,#ff5c6b 139.5%); --essilor-color-linear-purple:linear-gradient(0deg,#6557c4,#c1bce7); --essilor-color-linear-yellow:linear-gradient(0deg,#ffd618,#ffefa3); --essilor-color-linear-orange:linear-gradient(0deg,#f49655,#fbd5bb); --vm-default-font:"Noto Sans",sans-serif; --vm-default-font-bold:"Noto Sans",sans-serif; --vm-default-font-medium:"Noto Sans",sans-serif; --vm-font-heading:"Noto Sans",sans-serif; --vm-font-menu-heading:"Noto Sans",sans-serif; --vm-primary-white-100:#fff; --vm-primary-black-100:var(--essilor-color-black); --vm-loader-dash-color:var(--vm-primary-black-100); --vm-base-black:var(--vm-primary-black-100); --vm-base-text-dark:var(--vm-primary-black-100); --vm-base-primary:var(--essilor-color-blue); --vm-base-gray-dark:var(--essilor-color-grey-80); --vm-base-gray-medium:var(--essilor-color-grey-60); --vm-base-gray-light:var(--essilor-color-grey-20); --vm-base-gray-ultra-light:var(--essilor-color-grey-10); --vm-base-white:var(--vm-primary-white-100); --vm-base-text-light:var(--vm-primary-white-100); --vm-base-light-secondary:#e6e6e6; --vm-functional-success:#006952; --vm-functional-success-light:#247534; --vm-functional-error:#bb251a; --vm-alpha-black-light:rgba(0,0,0,0.2); --vm-alpha-black-dark:rgba(0,0,0,0.5); --vm-alpha-white-dark:hsla(0,0%,100%,0.5); --vm-alpha-white-light:hsla(0,0%,100%,0.25); } @media (max-width: 834px) { :root { --grid-gap:20px; } } @media (max-width: 425px) { :root { --grid-gap:16px; } } * { box-sizing: border-box; padding: 0px; margin: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } html { scroll-behavior: smooth; } body { overflow-x: hidden; color: var(--essilor-color-black); } img { -webkit-user-drag: none; user-select: none; } @font-face { font-family: "Noto Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_next/static/media/noto_sans_400.ada17101.woff2") format("woff2"); } @font-face { font-family: "Noto Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_next/static/media/noto_sans_700.2beaf42b.woff2") format("woff2"); } @font-face { font-family: "Noto Sans VT"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_next/static/media/noto_sans_400.ada17101.woff2") format("woff2"); } @font-face { font-family: "Noto Sans JP"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_next/static/media/noto_sans_jp.1a0db9d5.ttf") format("truetype"); } @font-face { font-family: "Noto Sans JP"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_next/static/media/noto_sans_jp.1a0db9d5.ttf") format("truetype"); } html { font-family: "Noto Sans", sans-serif; font-weight: 400; font-style: normal; } html * { scroll-margin-top: 250px; } html.font-jp { font-weight: 400; font-style: normal; } html.font-jp, html.font-jp * { font-family: "Noto Sans JP", sans-serif !important; } html.font-jp * { scroll-margin-top: 250px; } @font-face { font-family: Essilor; src: url("/_next/static/media/font.e5ef09e4.woff2") format("woff2"), url("/_next/static/media/font.f098dda3.woff") format("woff"), url("/_next/static/media/font.11dab5e4.ttf") format("truetype"), url("/_next/static/media/font.b2aa45c1.eot") format("embedded-opentype"), url("/_next/static/media/font.4e82d554.svg") format("svg"); font-weight: 400; font-style: normal; font-display: block; } .icon, html.font-jp * .icon { font-size: 30px; font-family: Essilor !important; } .icon-visual-acuity::before { content: ""; } .icon-astigmatism::before { content: ""; } .icon-light-sensitivity::before { content: ""; } .icon-essilor_screen::before { content: ""; font-weight: 400; } .icon-essilor_eye::before { content: ""; font-weight: 400; } .icon-essilor_glasses::before { content: ""; font-weight: 400; } .icon-essilor_hand-left::before { content: ""; font-weight: 400; } .icon-essilor_hand-right::before { content: ""; font-weight: 400; transform: rotate(180deg) scaleY(-1); display: inline-block; } .icon-watch_out { display: inline-block; width: 61px; height: 30px; background-image: url("/vision-test/luminosite.png"); background-size: cover; background-position: 50% center; } .icon-essilor_glasses { font-size: 55px !important; } .icon-visual-ls::before { content: ""; } .icon-essilor_arrow4-bottom::before { content: ""; } .icon-essilor_arrow4-top::before { content: ""; } .icon-essilor_arrow4-right::before { content: ""; } .icon-essilor_arrow4-left::before { content: ""; } .multi-icon-row { display: flex; flex-direction: row; } .multi-icon-row > * { margin-right: 20px; height: 55px; } body { font-size: 16px; line-height: 26px; letter-spacing: 0px; font-weight: 400; } body a { text-decoration: none; cursor: pointer; color: var(--essilor-color-marine); } body a:hover { color: var(--essilor-color-blue); font-weight: 700; } body a, body button, body h1, body h2, body h3, body h4, body h5, body input, body p, body textarea { font-family: "Noto Sans", sans-serif; } body h1 { letter-spacing: 0px; font-weight: 700; font-size: 48px !important; line-height: 68px !important; } body h1 em { pointer-events: none; } body .h1 { font-size: 38px; line-height: 48px; letter-spacing: 0px; font-weight: 700; } body .h1 em { pointer-events: none; } body .h2, body h2 { font-size: 38px; line-height: 48px; letter-spacing: 0px; font-weight: 700; } body .h2 em, body h2 em { pointer-events: none; } body .h3, body h3 { font-size: 21px; line-height: 30px; letter-spacing: 0px; font-weight: 700; } body .h3 em, body .jump__anchor, body h3 em { pointer-events: none; } body .jump__anchor { color: inherit; text-decoration: none; } body .disclaimer__anchor { font-weight: inherit; opacity: 0.5; left: 0.1em; text-decoration: none !important; color: inherit !important; } body .disclaimer__anchor, body .disclaimer__anchor sup { white-space: nowrap; position: relative; vertical-align: top; } body .disclaimer__anchor sup { font-weight: 700; font-size: 50%; display: inline; top: -0.7em; } body .tag { font-size: 10px; line-height: 16px; font-weight: 700; } body .mention { font-size: 12px; line-height: 16px; letter-spacing: 0.4px; } body .title-header { font-size: 80px; line-height: 100px; letter-spacing: 0px; } body .footnote { font-size: 12px; font-style: italic; } @media (max-width: 1253px) { body { line-height: 24px; } body, body button { font-size: 14px; } body .title-header { font-size: 48px; line-height: 68px; letter-spacing: 0px; } body .h1, body h1 { font-size: 32px; line-height: 42px; letter-spacing: 0px; } body .h2, body h2 { font-size: 24px; line-height: 34px; letter-spacing: 0px; } body .h3, body h3 { font-size: 18px; line-height: 28px; letter-spacing: 0px; } } body.onetrust-locale #__tealiumGDPRecModal { display: none !important; } .dark { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; } .dark * { color: var(--essilor-color-white); } .dark a { color: var(--essilor-color-blue); } .grey { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; } .grey * { color: var(--essilor-color-black); } .bg-Orange { background: var(--essilor-color-salmon); } .bg-blue { background: var(--essilor-color-blue); } .bg-sky-blue { background: var(--essilor-color-turquoise); } .bg-marine { background-color: var(--essilor-color-marine); } .bg-violet { background-color: var(--essilor-color-purple); } .bg-yellow { background-color: var(--essilor-color-yellow); } .bg-rose { background-color: var(--essilor-color-fuxschia); } .bg-rose * { color: var(--essilor-color-white); } .bg-rose * a { text-decoration: underline; } .bg-rose * a:hover { color: inherit; } .bg-grey { background-color: var(--essilor-color-grey-10); } .bg-grey * { color: rgb(0, 0, 0); } .bg-gray { background-color: rgb(238, 240, 241); } .bg-cyan { background-color: var(--essilor-color-cyan); } .bg-magenta { background-color: var(--essilor-color-magenta); } .bg-teal { background-color: var(--essilor-color-teal); } .bg-lavander { background-color: var(--essilor-color-lavander); } .bg-pumpkin { background-color: var(--essilor-color-pumpkin); } .bg-dustgray { background-color: var(--essilor-color-dustgray); } .bg-gradient-dark-bl { background: var(--essilor-color-linear-blue); } .bg-gradient-bl { background: var(--essilor-color-linear-light-blue); } .bg-gradient-black, .bg-gradient-gray, .bg-gradient-gry { background: var(--essilor-color-linear-gray); } .bg-gradient-y { background: var(--essilor-color-linear-yellow); } .bg-gradient-purple { background: var(--essilor-color-linear-purple); } .bg-gradient-pink { background: var(--essilor-color-linear-red); } .bg-gradient-orange { background: var(--essilor-color-linear-orange); } .bg-radial-black { color: var(--essilor-color-white); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; } .bg-white { color: var(--essilor-color-black); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; } .align--center { text-align: center; } .align--right { text-align: right; } .list-style { margin-top: 6.66667px; } .list-style, .list-style ul { list-style-type: none; } .list-style sup { position: relative; font-size: 50%; top: -0.1em; margin-left: 0.2em; } .list-style li { position: relative; padding-left: 28px; margin-bottom: 6.66667px; } .list-style li::before { content: ""; position: absolute; left: 0px; top: 5px; height: 12px; width: 12px; background-color: var(--essilor-color-marine); border-radius: 50%; } .list-style ol { list-style-type: none; } .list-style ol li::before { content: counter(list-item) ". "; font-weight: 700; position: absolute; top: 0px; left: 0px; background: none; } .list-light li::before { background-color: var(--essilor-color-white); } @keyframes dash { 0% { stroke-dashoffset: 46.75; } 50% { transform: rotate(135deg); } 100% { stroke-dashoffset: 46.75; transform: rotate(450deg); } } .no-padding { padding-top: 0px !important; padding-bottom: 0px !important; } .both-padding { padding-top: inherit; padding-bottom: inherit; } .upper-padding { padding-bottom: 0px !important; } .bottom-padding { padding-top: 0px !important; } #pagination { grid-row: 100 / auto; width: 100%; max-width: 1248px; display: flex; justify-content: center; margin: auto; } hr.divider-line { margin: 75px auto; width: 180px; max-width: 837px; border: 2px solid var(--essilor-color-fuxschia); border-radius: 5px; } hr.divider-line.blue { border: 2px solid var(--essilor-color-blue); } hr.divider-line.darkblue { border: 2px solid var(--essilor-color-marine); } hr.divider-line.black { border: 2px solid var(--essilor-color-black); } hr.divider-line.gray, hr.divider-line.grey { border: 2px solid var(--essilor-color-grey); } hr.divider-line.yellow { border: 2px solid var(--essilor-color-yellow); } hr.divider-line.green, hr.divider-line.turquoise { border: 2px solid var(--essilor-color-turquoise); } hr.divider-line.fuschia, hr.divider-line.red, hr.divider-line.rose { border: 2px solid var(--essilor-color-fuxschia); } hr.divider-line.orange, hr.divider-line.pumpkin { border: 2px solid var(--essilor-color-pumpkin); } hr.divider-line.purple { border: 2px solid var(--essilor-color-purple); } @media (max-width: 768px) { hr.divider-line { margin: 50px auto !important; } } hr.divider-line.notopmargin, hr.divider-line.notoppadding { margin-top: 0px !important; } hr.divider-line.nobottommargin, hr.divider-line.nobottompadding { margin-bottom: 0px !important; } hr.divider-line.nomargin, hr.divider-line.nopadding { margin: 0px auto !important; } hr.divider-line.fullwidth { width: 100% !important; } hr.divider-line.fullwidthnotopmargin, hr.divider-line.fullwidthnotoppadding { width: 100% !important; margin-top: 0px !important; } hr.divider-line.fullwidthnobottommargin, hr.divider-line.fullwidthnobottompadding { width: 100% !important; margin-bottom: 0px !important; } hr.divider-line.fullwidthnomargin, hr.divider-line.fullwidthnopadding { width: 100% !important; margin-top: 0px !important; margin-bottom: 0px !important; } hr.divider-line.none { display: none !important; } #__tealiumGDPRecModal .privacy_prompt1 { background-color: var(--essilor-color-white) !important; border-top: 1px solid var(--essilor-color-grey) !important; font-family: "Noto Sans", sans-serif !important; font-size: 16px !important; line-height: 26px !important; letter-spacing: normal !important; font-weight: 400 !important; } #__tealiumGDPRecModal .privacy_prompt1 a { color: var(--essilor-color-black) !important; } #__tealiumGDPRecModal .privacy_prompt_content1 { color: var(--essilor-color-black) !important; margin-bottom: 24px !important; font-size: 16px !important; line-height: 26px !important; letter-spacing: normal !important; font-weight: 400 !important; } #__tealiumGDPRecModal #consent_prompt_pref a { text-transform: none !important; text-decoration: none !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: var(--essilor-color-marine) !important; } #__tealiumGDPRecModal #consent_prompt_pref { display: flex; justify-content: center; text-align: center !important; text-decoration: none !important; width: 206px !important; height: 48px !important; } #__tealiumGDPRecModal #consent_prompt_pref, #__tealiumGDPRecModal #consent_prompt_submit { text-transform: none !important; border-radius: 30px !important; border: 2px solid var(--essilor-color-marine) !important; background-color: transparent !important; color: var(--essilor-color-marine) !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; } #__tealiumGDPRecModal #consent_prompt_submit { margin: 0px !important; min-height: 48px !important; padding: 10px 15px !important; } #__tealiumGDPRecModal #consent_prompt_submitNo { text-transform: none !important; margin: 0px 24px 0px 0px !important; min-height: 48px !important; padding: 10px 15px !important; border-radius: 30px !important; border: 2px solid var(--essilor-color-marine) !important; background-color: transparent !important; color: var(--essilor-color-marine) !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; } @media (max-width: 767px) { #__tealiumGDPRecModal .privacy_prompt_content1 { font-size: 14px !important; line-height: 18px !important; } #__tealiumGDPRecModal #consent_prompt_pref a { font-size: 13px !important; } #__tealiumGDPRecModal #consent_prompt_submitNo { font-size: 13px !important; margin: 8px 0px 0px !important; } #__tealiumGDPRecModal .privacy_prompt1 { padding: 16px 16px 1px !important; } #__tealiumGDPRecModal #consent_prompt_pref { width: 100% !important; margin-top: 8px !important; margin-bottom: 15px !important; } #__tealiumGDPRecModal #consent_prompt_submit { font-size: 13px !important; } } #__tealiumGDPRcpPrefs { font-family: "Noto Sans", sans-serif !important; font-size: 16px !important; line-height: 26px !important; letter-spacing: normal !important; font-weight: 400 !important; } #__tealiumGDPRcpPrefs .privacy_prompt { border: 1px solid var(--essilor-color-grey) !important; background-color: rgb(255, 255, 255) !important; } #__tealiumGDPRcpPrefs .privacy_prompt, #__tealiumGDPRcpPrefs .privacy_prompt a { color: var(--essilor-color-black) !important; } #__tealiumGDPRcpPrefs .privacy_prompt_content > .close_btn_thick { border: unset !important; background-color: rgb(255, 255, 255) !important; text-shadow: unset !important; color: var(--essilor-color-black) !important; top: 30px !important; right: 40px !important; } #__tealiumGDPRcpPrefs .privacy_prompt_content > .close_btn_thick::after { font: 40px "Noto Sans" !important; } #__tealiumGDPRcpPrefs .privacy_prompt_content > .sdgdpradv_headline { font-weight: 700 !important; letter-spacing: normal !important; color: var(--essilor-color-black) !important; } #__moreAge1 { margin-top: 24px; font-size: 16px !important; } #__tealiumGDPRcpPrefs .privacy_prompt .__button { text-transform: none !important; text-align: center !important; width: 206px !important; margin: 0px 0px 40px !important; min-height: 48px !important; padding: 10px 15px !important; float: right !important; border-radius: 30px !important; border: 2px solid var(--essilor-color-marine) !important; background-color: transparent !important; color: var(--essilor-color-marine) !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; } #__tealiumGDPRcpPrefs hr { display: none; } #__tealiumGDPRcpPrefs .privacy_prompt table td { padding: 0px !important; } #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_category { font-weight: 700 !important; padding-bottom: 4px !important; } #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_category, #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_desc { font-size: 14px !important; color: var(--essilor-color-black) !important; letter-spacing: normal !important; line-height: normal !important; } #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_desc { font-weight: 400 !important; padding-bottom: 24px !important; } #__tealiumGDPRcpPrefs .privacy_prompt table td { vertical-align: top !important; } #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_status { display: flex; align-items: center; padding-right: 16px !important; } #__tealiumGDPRcpPrefs .privacy_prompt input[type="checkbox"].toggle + label { max-height: 19px !important; background-color: rgb(204, 204, 204) !important; width: 32px !important; } #__tealiumGDPRcpPrefs .privacy_prompt input[type="checkbox"].toggle:checked + label, .privacy_prompt input[type="checkbox"].toggle:focus:checked + label { background-color: var(--essilor-color-marine) !important; } #__tealiumGDPRcpPrefs .privacy_prompt input[type="checkbox"].toggle + label .off, #__tealiumGDPRcpPrefs .privacy_prompt input[type="checkbox"].toggle + label .on { display: none !important; } #__tealiumGDPRcpPrefs .privacy_prompt input[type="checkbox"].toggle + label::before, .privacy_prompt input[type="checkbox"].toggle + label:hover::before { height: 17px !important; width: 17px !important; top: 1px !important; left: 1px !important; } #__tealiumGDPRcpPrefs .privacy_prompt input[type="checkbox"].toggle:checked + label::before, .privacy_prompt input[type="checkbox"].toggle:checked + label:hover::before, .privacy_prompt input[type="checkbox"].toggle:focus:checked + label::before, .privacy_prompt input[type="checkbox"].toggle:focus:checked + label:hover::before { margin-left: unset !important; left: 14px !important; } @media (max-width: 1023px) { #__tealiumGDPRcpPrefs .privacy_prompt { transform: translateX(-50%); height: 100vh !important; top: 0px !important; width: 100% !important; margin: unset !important; left: 50% !important; } #__tealiumGDPRcpPrefs .privacy_prompt_content { padding: 24px 16px 16px !important; } #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_headline { font-size: 17px !important; } #__moreAge1 { margin-top: 8px; font-size: 14px !important; line-height: 18px !important; } #__tealiumGDPRcpPrefs .privacy_prompt table { margin-top: 24px !important; } #__tealiumGDPRcpPrefs .privacy_prompt_content table tbody tr { display: table-row !important; padding: 16px !important; } #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_category, #__tealiumGDPRcpPrefs .privacy_prompt .sdgdpradv_td_desc { font-size: 12px !important; } #__tealiumGDPRcpPrefs .sdgdpradv_td_desc { width: 100% !important; } #__tealiumGDPRcpPrefs .privacy_prompt_footer { padding-bottom: 24px !important; padding-left: 16px !important; padding-right: 16px !important; margin-bottom: 40px !important; } #preferences_prompt_submit { width: 100% !important; margin-top: auto !important; } #__tealiumGDPRcpPrefs .privacy_prompt .__button { width: 100% !important; font-size: 13px !important; font-weight: 700 !important; } #__tealiumGDPRcpPrefs .privacy_prompt_content > .close_btn_thick { top: 16px !important; right: 16px !important; } } #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container { max-width: unset !important; padding: 20px 60px 10px !important; border-top: 1px solid var(--essilor-color-grey) !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy { margin-top: 0px !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text { margin-bottom: 18px; color: var(--essilor-color-black) !important; font-family: "Noto Sans", sans-serif !important; font-size: 16px !important; line-height: 26px !important; letter-spacing: normal !important; font-weight: 400 !important; padding: 0px !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text a { color: var(--essilor-color-black) !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent { padding: 0px !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group { display: flex; justify-content: space-between; } #onetrust-consent-sdk #onetrust-banner-sdk .onetrust-banner-options { display: flex; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler { display: flex; justify-content: center; text-transform: none !important; text-align: center !important; text-decoration: none !important; width: 230px !important; min-width: 0px !important; padding: 15px 20px !important; border-radius: 30px !important; border: 2px solid var(--essilor-color-marine) !important; background-color: transparent !important; color: var(--essilor-color-marine) !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; } @media (max-width: 767px) { #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container { padding: 16px !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text { font-size: 14px !important; line-height: 18px !important; padding: 0px !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group, #onetrust-consent-sdk #onetrust-banner-sdk .onetrust-banner-options { gap: 8px; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: unset !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler { width: 100% !important; max-width: unset !important; margin: 0px !important; box-sizing: border-box !important; } } @media (min-width: 768px) and (max-width: 1023px) { #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container { padding: 16px 32px !important; } } #onetrust-consent-sdk #onetrust-pc-sdk { padding: 40px !important; height: 690px !important; } #onetrust-consent-sdk #ot-pc-content { height: 400px !important; } #onetrust-consent-sdk #ot-pc-content * { color: var(--essilor-color-black) !important; } #onetrust-consent-sdk .ot-pc-footer { position: unset !important; } #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob { background-color: var(--essilor-color-marine) !important; } #onetrust-consent-sdk .ot-pc-footer #accept-recommended-btn-handler, #onetrust-consent-sdk .ot-pc-footer .ot-pc-refuse-all-handler, #onetrust-consent-sdk .ot-pc-footer .save-preference-btn-handler { text-transform: none !important; text-align: center !important; margin-bottom: 40px !important; min-height: 48px !important; padding: 10px 15px !important; border-radius: 30px !important; border: 2px solid var(--essilor-color-marine) !important; background-color: transparent !important; color: var(--essilor-color-marine) !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; } #onetrust-consent-sdk #onetrust-banner-sdk :focus, #onetrust-consent-sdk #onetrust-banner-sdk:focus, #onetrust-consent-sdk .ot-pc-footer #accept-recommended-btn-handler:focus, #onetrust-consent-sdk .ot-pc-footer .ot-pc-refuse-all-handler:focus, #onetrust-consent-sdk .ot-pc-footer .save-preference-btn-handler:focus { outline: none !important; } @media (max-width: 767px) { #onetrust-consent-sdk #onetrust-pc-sdk { overflow: scroll; height: unset !important; } #onetrust-consent-sdk .ot-pc-footer { margin-top: 30px; padding-top: 30px; } #onetrust-consent-sdk .ot-btn-container, #onetrust-consent-sdk .ot-btn-subcntr { gap: 8px; display: flex !important; justify-content: center !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: unset !important; } #onetrust-consent-sdk .ot-btn-subcntr { margin-bottom: 30px; } #onetrust-consent-sdk .ot-pc-footer button { margin: 0px !important; } #onetrust-consent-sdk .ot-pc-footer #accept-recommended-btn-handler, #onetrust-consent-sdk .ot-pc-footer .ot-pc-refuse-all-handler, #onetrust-consent-sdk .ot-pc-footer .save-preference-btn-handler { margin: 0px !important; width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; } } .slick-slider { box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list, .slick-slider { position: relative; display: block; } .slick-list { overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::after, .slick-track::before { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: url("/_next/static/media/ajax-loader.0b80f665.gif") 50% center no-repeat rgb(255, 255, 255); } @font-face { font-family: slick; font-weight: 400; font-style: normal; src: url("/_next/static/media/slick.25572f22.eot?#iefix") format("embedded-opentype"), url("/_next/static/media/slick.653a4cbb.woff") format("woff"), url("/_next/static/media/slick.6aa1ee46.ttf") format("truetype"), url("/_next/static/media/slick.f895cfdf.svg#slick") format("svg"); } .slick-next, .slick-prev { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); cursor: pointer; border: none; } .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: none; background: transparent; } .slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 1; } .slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { opacity: 0.25; } .slick-next::before, .slick-prev::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev::before { content: "←"; } [dir="rtl"] .slick-prev::before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next::before { content: "→"; } [dir="rtl"] .slick-next::before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; } .slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; padding: 5px; color: transparent; border: 0px; outline: none; background: transparent; } .slick-dots li button:focus, .slick-dots li button:hover { outline: none; } .slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; } .slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(0, 0, 0); } .Ripple_main__xHBhd { position: relative; height: 100%; overflow: hidden; } .Ripple_main__xHBhd.Ripple_fullWidth___MhMg { width: 100%; } .Ripple_main__xHBhd.Ripple_fit__tk5Hz { width: fit-content; } .Ripple_main__xHBhd .Ripple_ripple__YTstq { position: absolute; transform: translate(-50%, -50%); transform-origin: center center; width: 100px; height: 100px; border-radius: 9999px; pointer-events: none; z-index: 1; } .Button_wrapper__nFK7h { border-radius: 30px; width: fit-content; height: fit-content; } .Button_wrapper__nFK7h.Button_fullWidth__4gWKx, .Button_wrapper__nFK7h.Button_fullWidth__4gWKx button { width: 100%; } .Button_wrapper__nFK7h.Button_disabled__lcngQ { pointer-events: none; } .Button_main__NpF6o { text-align: center; min-height: 48px; width: fit-content; display: flex; align-items: center; justify-content: center; padding: 10px 28px; font-size: 16px; line-height: 26px; user-select: none; cursor: pointer; border: none; font-weight: 700; transition: all 0.25s ease 0s; position: relative; overflow: hidden; border-radius: 30px; } .Button_main__NpF6o.Button_primary__EaT3h.Button_light__pRRvZ { background-color: var(--essilor-color-marine); color: var(--essilor-color-white); } .Button_main__NpF6o.Button_primary__EaT3h.Button_light__pRRvZ font { color: var(--essilor-color-white); } .Button_main__NpF6o.Button_primary__EaT3h.Button_light__pRRvZ:hover { background-color: var(--essilor-color-blue); } .Button_main__NpF6o.Button_primary__EaT3h.Button_light__pRRvZ svg { fill: var(--essilor-color-white); } .Button_main__NpF6o.Button_primary__EaT3h.Button_light__pRRvZ:disabled, .Button_main__NpF6o.Button_primary__EaT3h.Button_light__pRRvZ:disabled:hover { background-color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO { background-color: var(--essilor-color-white); color: var(--essilor-color-marine); } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO font, .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO span { color: var(--essilor-color-marine) !important; } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO svg { fill: var(--essilor-color-marine); } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO:hover { color: var(--essilor-color-blue); } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO:disabled { background-color: var(--essilor-color-white); color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO:disabled svg { fill: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_primary__EaT3h.Button_dark__QIUnO:disabled:hover { color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ { background-color: transparent; color: var(--essilor-color-marine); border: 2px solid var(--essilor-color-marine); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ font { color: var(--essilor-color-marine); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ svg { fill: var(--essilor-color-marine); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ:hover { border: 2px solid var(--essilor-color-blue); color: var(--essilor-color-blue); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ:hover svg { fill: var(--essilor-color-blue); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ:disabled { border-color: var(--essilor-color-grey-40); color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ:disabled svg { fill: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_secondary__moz03.Button_light__pRRvZ:disabled:hover { color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO { background-color: transparent; color: var(--essilor-color-white); border: 2px solid var(--essilor-color-white); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO font, .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO span { color: var(--essilor-color-white); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO svg { fill: var(--essilor-color-white); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO:hover { border: 2px solid var(--essilor-color-blue); color: var(--essilor-color-blue); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO:hover span { color: var(--essilor-color-blue); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO:hover svg { fill: var(--essilor-color-blue); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO:disabled { border-color: var(--essilor-color-grey-40); color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO:disabled svg { fill: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_secondary__moz03.Button_dark__QIUnO:disabled:hover { color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_link__OkeJK { font-weight: 400; background-color: transparent; min-width: unset; min-height: unset; display: unset; padding: 0px; } .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ, .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ font { color: var(--essilor-color-marine); } .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ svg { fill: var(--essilor-color-marine); } .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ:hover { color: var(--essilor-color-blue); font-weight: 700; } .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ:disabled { border-color: var(--essilor-color-grey-40); color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ:disabled svg { fill: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_link__OkeJK.Button_light__pRRvZ:disabled:hover { color: var(--essilor-color-grey-40); font-weight: 400; } .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO, .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO font { color: var(--essilor-color-white) !important; } .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO svg { fill: var(--essilor-color-white) !important; } .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO:hover { font-weight: 700; } .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO:disabled { border-color: var(--essilor-color-grey-40); color: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO:disabled svg { fill: var(--essilor-color-grey-40); } .Button_main__NpF6o.Button_link__OkeJK.Button_dark__QIUnO:disabled:hover { color: var(--essilor-color-grey-40); font-weight: 400; } .Button_main__NpF6o.Button_filter__n45NO { background-color: transparent; color: var(--essilor-color-marine); padding: 8px 14px; border-radius: 5px; min-height: auto; } .Button_main__NpF6o.Button_tagLink__bFehF { font-size: 10px; min-height: 0px; background-color: transparent; padding: 0px; color: var(--essilor-color-fuxschia); } @media (max-width: 425px) { .Button_main__NpF6o { font-size: 14px; } } .RediectModal_overlay__QSDkH { position: fixed; inset: 0px; background: rgba(1, 14, 61, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE { position: relative; background: var(--essilor-color-white); border-radius: 8px; width: 600px; max-width: 100%; padding: 24px; text-align: center; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_contents__KkXKb { display: flex; flex-direction: column; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_contents__KkXKb h3 { padding: 0px 32px; font-weight: 400; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_close___lYXS { margin-bottom: 32px; display: flex; justify-content: flex-end; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_close___lYXS svg { cursor: pointer; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_actions__MsnPO { margin-top: 32px; margin-bottom: 24px; display: flex; justify-content: center; } @media (max-width: 834px) { .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE { width: 90%; height: auto; max-height: 90vh; margin: 0px auto; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_contents__KkXKb h3 { padding: 0px 8px; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_actions__MsnPO { flex-direction: column; gap: 12px; } .RediectModal_overlay__QSDkH .RediectModal_main__UxsuE .RediectModal_actions__MsnPO button { width: 100%; } } /* ===== https://www.essilor.com/_next/static/css/cd40ca1512d3f3e3.css ===== */ .SkeletonLoader_main__i0owa { max-height: 100vh; height: var(--dynamic-height); } .SkeletonLoader_main--dark__AIg5u { background-color: var(--essilor-color-black); } @media (max-width: 1253px) { .SkeletonLoader_main__i0owa { height: var(--dynamic-height-mobile); } } .Layout_main__PB_4H { display: grid; grid-template-columns: 100%; grid-template-rows: max-content; grid-auto-rows: max-content; width: 100%; margin: 0px auto; z-index: 7; position: relative; } .Layout_main__PB_4H .Layout_row__EaWR8 { z-index: 1; } .Layout_main__PB_4H .Layout_row--ProductPageSubNavigation__X9GpI { grid-row: 2 / 2; position: sticky; top: 45px; z-index: 100000; display: flex; justify-content: center; padding: 40px; } @media (max-width: 1253px) { .Layout_main__PB_4H .Layout_row--ProductPageSubNavigation__X9GpI { padding: 16px; top: 56px; } } .Layout_main__PB_4H .Layout_row--main_placement_1__HjI7O { grid-row: 1 / 1; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_2__cey0L { grid-row: 3 / 3; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_3__McpAS { grid-row: 4 / 4; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_4__voffh { grid-row: 5 / 5; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_5__NceB5 { grid-row: 6 / 6; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_6__fpava { grid-row: 7 / 7; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_7__ftGnr { grid-row: 8 / 8; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_8__uhpnO { grid-row: 9 / 9; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_9__OYLZI { grid-row: 10 / 10; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_10__WJH0S { grid-row: 11 / 11; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_11__YExv7 { grid-row: 12 / 12; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_12__i4Hf1 { grid-row: 13 / 13; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_13__W_QK9 { grid-row: 14 / 14; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_14__wUgno { grid-row: 15 / 15; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_15__NN3H4 { grid-row: 16 / 16; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_16__VvBse { grid-row: 17 / 17; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_17__v_zG4 { grid-row: 18 / 18; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_18__2Mbvw { grid-row: 19 / 19; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_19__ODxkq { grid-row: 20 / 20; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_20__qUkoy { grid-row: 21 / 21; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--main_placement_21__6cDKZ { grid-row: 22 / 22; background: var(--essilor-color-white); } .Layout_main__PB_4H .Layout_row--dark__FrmaM { background: var(--essilor-color-radial-black); } .Layout_main__PB_4H .Layout_withTopBanner__QxW_r { top: 85px !important; } @media (max-width: 1253px) { .Layout_main__PB_4H .Layout_withTopBanner__QxW_r { top: 96px !important; } } .Layout_scroll-to-top-wrapper__GcUnK { width: 100%; position: fixed; top: 90%; z-index: 1000; pointer-events: none; } .Layout_scroll-to-top-wrapper__GcUnK .Layout_scroll-to-top-container__aIdcX { max-width: calc(var(--max-width) + 48px); margin: auto; padding: 0px 24px; display: flex; justify-content: flex-end; } .Layout_scroll-to-top-wrapper__GcUnK .Layout_scroll-to-top-container__aIdcX .Layout_scroll-to-top-button__eCR1F { width: fit-content; z-index: 1; opacity: 0; transform: translateY(20px) scale(0.95); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; pointer-events: none; } .Layout_scroll-to-top-wrapper__GcUnK .Layout_scroll-to-top-container__aIdcX .Layout_scroll-to-top-button__eCR1F.Layout_visible__ojF1s { opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto; } .Layout_scroll-to-top-wrapper__GcUnK .Layout_scroll-to-top-container__aIdcX .Layout_scroll-to-top-button__eCR1F .Layout_button__PS6Ht { cursor: pointer; border-radius: 50%; box-shadow: rgba(1, 14, 61, 0.18) 0px 0px 24px; width: 39px; height: 39px; background-color: rgba(255, 255, 255, 0.9); padding: 3px 10px 5px; display: flex; align-items: center; justify-content: center; } .Layout_scroll-to-top-wrapper__GcUnK .Layout_scroll-to-top-container__aIdcX .Layout_scroll-to-top-button__eCR1F .Layout_button__PS6Ht:hover { background-color: var(--essilor-color-white); } /* ===== https://www.essilor.com/_next/static/css/78a56d745378a3d9.css ===== */ .LimitTextContent_main__Unm4r .LimitTextContent_more__9cNWo { margin-left: 1em; font-size: 14px; user-select: none; cursor: pointer; transform: translateY(0.3em); } .LimitTextContent_main__Unm4r .LimitTextContent_more__9cNWo:hover { text-decoration: underline; } .BrandNavigationRTL_secondary__Z2_9R { height: 64px; width: 100%; position: relative; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi { height: fit-content; width: fit-content; align-self: center; margin-right: auto; display: flex; align-items: center; margin-left: 61px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw a { color: var(--essilor-color-white); } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw.BrandNavigationRTL_icon__kvrkw p { margin-left: 16px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw svg { margin-right: 16px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw button { min-height: 40px; padding: 0px 24px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh { height: 64px; width: 100%; background-color: var(--essilor-color-white); z-index: 2; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 2px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content__d23VL { max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; display: flex; align-items: center; height: 100%; transition: opacity 0.5s ease 0s; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content--hidden__WJ85F { opacity: 0; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content__d23VL .BrandNavigationRTL_logo__vLtf_ span { vertical-align: middle; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 { align-items: center; justify-content: space-between; height: 100%; padding: 0px 24px 0px 0px; display: none; text-transform: capitalize; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 .BrandNavigationRTL_logo__vLtf_ { display: flex; align-items: center; margin-left: 64px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 .BrandNavigationRTL_logo__vLtf_ span { vertical-align: middle; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh.BrandNavigationRTL_fixed__uwBKL { width: 100%; position: fixed; top: 0px; left: 0px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_links__ZrgQG { list-style-type: none; display: flex; align-items: center; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li { font-weight: 400; user-select: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li a { color: var(--essilor-color-black); } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li a:hover { font-weight: inherit; color: var(--essilor-color-marine); } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li:not(:last-of-type) { margin-left: 32px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li.BrandNavigationRTL_active__ku5Lz { font-weight: 700; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li.BrandNavigationRTL_logo__vLtf_ { display: flex; align-items: center; margin-left: 64px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li.BrandNavigationRTL_disable__DqtxA { pointer-events: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl { position: relative; width: 100%; height: 100%; cursor: pointer; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_toggle__ZXjsj { height: 100%; width: 100%; transition: all 0.25s ease 0s; padding-left: 20px; display: flex; align-items: center; justify-content: flex-end; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl svg { pointer-events: none; transition: all 0.25s ease 0s; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_icon-show__YAtwv { z-index: 1 !important; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_icon-hide__lv578 { z-index: 0 !important; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_toggle-div__MzVXy { position: absolute; display: flex; align-items: center; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq { position: absolute; top: 64px; left: 0px; width: 100%; height: fit-content; z-index: 2; overflow-y: auto; background-color: var(--essilor-color-white); box-shadow: rgba(1, 14, 61, 0.12) 0px 16px 16px; padding: 24px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq ul { list-style-type: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq ul li:not(:last-of-type) { margin-bottom: 16px; } @media (max-width: 1253px) { .BrandNavigationRTL_secondary__Z2_9R { height: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi { display: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh { height: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh.BrandNavigationRTL_lens__6pOI2 { top: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh.BrandNavigationRTL_lens__6pOI2 .BrandNavigationRTL_label__H4y06 { flex-shrink: 0; font-weight: 700; font-size: 14px; padding-left: 1em; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content__d23VL { display: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq { top: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 { display: flex; } } .BrandNavigation_secondary__PLF_v { height: 64px; width: 100%; position: relative; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra { height: fit-content; width: fit-content; align-self: center; margin-left: auto; display: flex; align-items: center; margin-right: 61px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW a { color: var(--essilor-color-white); } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW.BrandNavigation_icon__myGbL p { margin-right: 16px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW svg { margin-left: 16px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW button { min-height: 40px; padding: 0px 24px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE { height: 64px; width: 100%; background-color: var(--essilor-color-white); z-index: 2; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 2px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content__qEkci { max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; display: flex; align-items: center; height: 100%; transition: opacity 0.5s ease 0s; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content--hidden__WSMPy { opacity: 0; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content__qEkci .BrandNavigation_logo__mweYy span { vertical-align: middle; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw { align-items: center; justify-content: space-between; height: 100%; padding: 0px 0px 0px 24px; display: none; text-transform: capitalize; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw .BrandNavigation_logo__mweYy { display: flex; align-items: center; margin-right: 64px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw .BrandNavigation_logo__mweYy span { vertical-align: middle; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_fixed__DIV8z { width: 100%; position: fixed; top: 0px; left: 0px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_fixed__DIV8z.BrandNavigation_tbadjust__ppXLx { top: 40px; margin-top: 0px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_links__siJ98 { list-style-type: none; display: flex; align-items: center; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li { font-weight: 400; user-select: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li a { color: var(--essilor-color-black); } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li a:hover { font-weight: inherit; color: var(--essilor-color-marine); } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li:not(:last-of-type) { margin-right: 32px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li.BrandNavigation_active__x9H7w { font-weight: 700; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li.BrandNavigation_logo__mweYy { display: flex; align-items: center; margin-right: 64px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li.BrandNavigation_disable__Bk94n { pointer-events: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a { position: relative; width: 100%; height: 100%; cursor: pointer; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_toggle__gjY76 { height: 100%; width: 100%; transition: all 0.25s ease 0s; padding-right: 26px; display: flex; align-items: center; justify-content: flex-end; position: relative; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a svg { pointer-events: none; transition: all 0.25s ease 0s; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_icon-show___eiMp { z-index: 1 !important; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_icon-hide__Zjr49 { z-index: 0 !important; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_toggle-div__yRPcl { position: absolute; display: flex; align-items: center; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 { position: absolute; top: 64px; left: 0px; width: 100%; height: fit-content; z-index: 2; overflow-y: auto; background-color: var(--essilor-color-white); box-shadow: rgba(1, 14, 61, 0.12) 0px 16px 16px; padding: 24px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 ul { list-style-type: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 ul li:not(:last-of-type) { margin-bottom: 16px; } @media (max-width: 1253px) { .BrandNavigation_secondary__PLF_v { height: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra { display: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE { height: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_fixed__DIV8z.BrandNavigation_tbadjust__ppXLx { top: 45px; margin-top: 0px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_lens__9eSYx { top: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_lens__9eSYx .BrandNavigation_label__4uFE4 { flex-shrink: 0; font-weight: 700; font-size: 14px; padding-right: 1em; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content__qEkci { display: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 { top: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw { display: flex; } } .TopBanner_main__9fpX_ { height: 40px; } .TopBanner_main__9fpX_ .TopBanner_topBannerContainer__45v_5 { position: fixed; top: 0px; left: 0px; width: 100%; background-color: rgb(255, 255, 255); color: var(--essilor-color-marine); transition: background-color 0.25s linear 0s, color 0.5s linear 0s; display: flex; align-items: center; justify-content: space-between; z-index: 10; height: 40px; overflow: hidden; font-size: 14px; } .TopBanner_main__9fpX_ .TopBanner_topBannerContainer__45v_5.TopBanner_darken__t7q9P { background-color: var(--essilor-color-black); color: rgb(255, 255, 255) !important; } .TopBanner_main__9fpX_ .TopBanner_topBannerContainer__45v_5.TopBanner_darken__t7q9P a, .TopBanner_main__9fpX_ .TopBanner_topBannerContainer__45v_5.TopBanner_darken__t7q9P button { color: rgb(255, 255, 255); } @media (max-width: 1253px) { .TopBanner_main__9fpX_ .TopBanner_topBannerContainer__45v_5 { height: 45px; font-size: 12px; } } .TopBanner_main__9fpX_ .TopBanner_topBannerContent__ohd6c { flex: 1 1 0%; text-align: center; animation: 1s ease-in-out 0s 1 normal none running TopBanner_fadeIn__5CZWv; line-height: normal; } .TopBanner_main__9fpX_ .TopBanner_topBannerContent__ohd6c p { text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1253px) { .TopBanner_main__9fpX_ .TopBanner_topBannerContent__ohd6c p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .TopBanner_main__9fpX_ .TopBanner_topBannerContent__ohd6c p a { font-weight: 700; color: var(--essilor-color-marine); transition: color 0.5s linear 0s; } .TopBanner_main__9fpX_ .TopBanner_topBannerContent__ohd6c p a:hover { text-decoration: underline; } .TopBanner_main__9fpX_ .TopBanner_arrowButton__BDji2 { background: transparent; border: none; color: var(--essilor-color-marine); font-size: 1rem; font-weight: 700; cursor: pointer; padding: 0px 1rem; transition: opacity 0.2s ease 0s; } .TopBanner_main__9fpX_ .TopBanner_arrowButton__BDji2:hover { opacity: 0.7; } .TopBanner_main__9fpX_ .TopBanner_arrowButton__BDji2.TopBanner_hidden__stB_4 { display: none; } @keyframes TopBanner_fadeIn__5CZWv { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateY(0px); } } .NavigationRTL_main__3dAXN { width: 100%; min-height: 64px; z-index: 9; position: relative; } .NavigationRTL_main__3dAXN.NavigationRTL_tbadjust__gogs_ { min-height: 104px !important; } .NavigationRTL_main__3dAXN .NavigationRTL_dropdownDesktop__3h5Fk .NavigationRTL_overlay--show__inJCa { opacity: 1; transition: opacity 0.3s ease 0s; background-color: rgba(1, 14, 61, 0.8); position: fixed; height: 100%; transform: translateZ(0px); backdrop-filter: blur(1.2px); top: 0px; right: 0px; width: 100%; z-index: 2; cursor: pointer; } .NavigationRTL_main__3dAXN .NavigationRTL_dropdownMobile__zdON9 { display: none; } .NavigationRTL_main__3dAXN .NavigationRTL_buttons__35UhM { height: 64px; display: flex; align-items: center; justify-content: flex-start; margin-right: auto; width: unset !important; } .NavigationRTL_main__3dAXN .NavigationRTL_buttons__35UhM .NavigationRTL_storelocator__FVhmd { height: auto; } .NavigationRTL_main__3dAXN .NavigationRTL_buttons__35UhM .NavigationRTL_storelocator__FVhmd button { min-height: 40px; width: 100%; padding: 0px 24px; } .NavigationRTL_main__3dAXN .NavigationRTL_buttons__35UhM .NavigationRTL_storelocator__FVhmd.NavigationRTL_icon__SiAQV p { margin-left: 16px; } .NavigationRTL_main__3dAXN .NavigationRTL_buttons__35UhM .NavigationRTL_storelocator__FVhmd.NavigationRTL_icon__SiAQV img { object-fit: contain; width: 17px !important; height: 24px !important; } .NavigationRTL_main__3dAXN .NavigationRTL_iconWrapper__68Nc2 { margin-right: 16px; display: flex; gap: 16px; align-items: center; align-self: center; } .NavigationRTL_main__3dAXN .NavigationRTL_iconWrapper__68Nc2 .NavigationRTL_ripple-icon__HvHN6 { display: flex; align-items: center; align-self: center; border-radius: 50%; padding: 5px; cursor: pointer; height: fit-content; } .NavigationRTL_main__3dAXN .NavigationRTL_iconWrapper__68Nc2 .NavigationRTL_ripple-icon__HvHN6 a { line-height: 0; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle { height: 64px; width: 100%; background: var(--essilor-color-black); position: relative; z-index: 5; } .NavigationRTL_main__3dAXN .NavigationRTL_primary--fixed__t8olB { position: fixed; right: 0px; width: 100%; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt { width: 32px; height: 32px; border-radius: 50%; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; display: none; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_bars__cssZL .NavigationRTL_line-one__TgQsj, .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_bars__cssZL .NavigationRTL_line-two__TT0b4 { position: absolute; left: 50%; top: 50%; transform: translate(-50%); height: 2px; width: 16px; border-radius: 2px; background-color: var(--essilor-color-white); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_bars__cssZL .NavigationRTL_line-one__TgQsj { top: calc(50% + 4px); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_bars__cssZL .NavigationRTL_line-two__TT0b4 { top: calc(50% - 4px); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_close__F0xIw { position: relative; width: 100%; height: 100%; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_close__F0xIw .NavigationRTL_line-one__TgQsj, .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_close__F0xIw .NavigationRTL_line-two__TT0b4 { background-color: var(--essilor-color-white); height: 2px; width: 16px; border-radius: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_close__F0xIw .NavigationRTL_line-one__TgQsj { transform: translate(-50%) rotate(45deg); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt .NavigationRTL_close__F0xIw .NavigationRTL_line-two__TT0b4 { transform: translate(-50%) rotate(-45deg); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_pin__a_pV4 { top: 50%; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: none; flex-direction: column; align-items: center; justify-content: center; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 { max-width: calc(var(--max-width) + 48px); padding: 0px 24px; height: 100%; margin: auto; display: flex; transition: opacity 0.5s ease 0s; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content--hidden__maVQv { opacity: 0; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_logo__KEpfp { transform: translateY(8px); margin-left: 29px; z-index: 9; cursor: pointer; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_logo__KEpfp div { display: flex; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_logoMobile__zCysf { display: none; z-index: 9; cursor: pointer; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_links__PP3IP { list-style-type: none; display: flex; align-items: center; color: var(--essilor-color-white); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27:not(:last-of-type) { margin-left: 28px; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27 .NavigationRTL_initialLabel__4oZGw { opacity: 1; font-weight: 400; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27.NavigationRTL_activePath__Y_PkF { font-weight: 700; color: transparent; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27.NavigationRTL_activePath__Y_PkF span::before { content: attr(data-text); position: absolute; right: 0.765em; color: rgb(255, 255, 255); top: 50%; transform: translateY(-50%); pointer-events: none; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27.NavigationRTL_active__ZqgjQ { font-weight: 700; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27.NavigationRTL_active__ZqgjQ .NavigationRTL_icon__SiAQV { transform: rotate(180deg); } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27.NavigationRTL_active__ZqgjQ span::before { content: attr(data-text); position: absolute; right: 0.765em; top: 50%; transform: translateY(-50%); pointer-events: none; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27.NavigationRTL_active__ZqgjQ .NavigationRTL_initialLabel__4oZGw { opacity: 0; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27 .NavigationRTL_link__NpcJJ { height: 34px; width: fit-content; padding: 0px 15px; border-radius: 17px; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; position: relative; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_linkItem__VQN27 .NavigationRTL_link__NpcJJ .NavigationRTL_icon__SiAQV { margin-right: 10px; height: 10px; display: flex; align-items: center; pointer-events: none; transition: all 0.25s ease 0s; } .NavigationRTL_main__3dAXN .NavigationRTL_storelocatormobile__u7SiU { position: fixed; height: 32px; width: 32px; text-align: center; display: flex; align-items: center; justify-content: center; } .NavigationRTL_main__3dAXN .NavigationRTL_storelocatormobile__u7SiU button { padding: 6px; min-height: 0px; background-color: transparent !important; } @media (max-width: 1253px) { .NavigationRTL_main__3dAXN { min-height: 56px; } .NavigationRTL_main__3dAXN.NavigationRTL_tbadjust__gogs_ { min-height: 96px !important; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle { right: 0px; width: 100%; height: 56px; } .NavigationRTL_main__3dAXN .NavigationRTL_dropdownDesktop__3h5Fk { display: none; } .NavigationRTL_main__3dAXN .NavigationRTL_dropdownMobile__zdON9 { display: block; } .NavigationRTL_main__3dAXN .NavigationRTL_storelocatormobile__u7SiU { display: flex; } .NavigationRTL_main__3dAXN .NavigationRTL_buttons__35UhM, .NavigationRTL_main__3dAXN .NavigationRTL_iconWrapper__68Nc2 { display: none; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_iconContainer__hXOd1 { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding: 24px; display: flex; justify-content: flex-end; gap: 10px; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burgerWrapper__8BYfN { transform: translate(-20%); height: auto; width: auto; display: flex; align-items: center; justify-content: center; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_burger__frQGt, .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_pin__a_pV4 { display: flex; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 { justify-content: right; align-items: center; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_logo__KEpfp { display: none; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_logoMobile__zCysf { display: flex; left: 0px; width: 37px; height: 37px; padding: 4px; } .NavigationRTL_main__3dAXN .NavigationRTL_primary__8Zyle .NavigationRTL_content__31lI8 .NavigationRTL_links__PP3IP { display: none; } } .Navigation_main__C9cOi { width: 100%; min-height: 64px; z-index: 9; position: relative; } .Navigation_main__C9cOi.Navigation_tbadjust__KDVLZ { min-height: 104px !important; } .Navigation_main__C9cOi .Navigation_dropdownDesktop__BKDq6 .Navigation_overlay--show__MLZ5a { opacity: 1; transition: opacity 0.3s ease 0s; background-color: rgba(1, 14, 61, 0.8); position: fixed; height: 100%; transform: translateZ(0px); backdrop-filter: blur(1.2px); top: 0px; left: 0px; width: 100%; z-index: 2; cursor: pointer; } .Navigation_main__C9cOi .Navigation_dropdownMobile__phYn3 { display: none; } .Navigation_main__C9cOi .Navigation_buttons__aTy0i { height: 64px; display: flex; align-items: center; justify-content: flex-start; margin-left: auto; } .Navigation_main__C9cOi .Navigation_buttons__aTy0i .Navigation_storelocator__CSSzW { height: auto; } .Navigation_main__C9cOi .Navigation_buttons__aTy0i .Navigation_storelocator__CSSzW button { min-height: 40px; width: 100%; padding: 0px 24px; } .Navigation_main__C9cOi .Navigation_buttons__aTy0i .Navigation_storelocator__CSSzW.Navigation_icon__WePSy p { margin-right: 16px; } .Navigation_main__C9cOi .Navigation_buttons__aTy0i .Navigation_storelocator__CSSzW.Navigation_icon__WePSy img { object-fit: contain; width: 17px !important; height: 24px !important; } .Navigation_main__C9cOi .Navigation_iconWrapper__zKLR3 { margin-left: 16px; display: flex; gap: 16px; align-items: center; align-self: center; } .Navigation_main__C9cOi .Navigation_iconWrapper__zKLR3 .Navigation_ripple-icon__pvsch { display: flex; align-items: center; align-self: center; border-radius: 50%; padding: 5px; cursor: pointer; height: fit-content; } .Navigation_main__C9cOi .Navigation_iconWrapper__zKLR3 .Navigation_ripple-icon__pvsch a { line-height: 0; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms { height: 64px; width: 100%; background: var(--essilor-color-black); position: relative; z-index: 5; } .Navigation_main__C9cOi .Navigation_primary--fixed__gcMIS { position: fixed; left: 0px; width: 100%; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L { width: 32px; height: 32px; border-radius: 50%; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; display: none; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_bars__r2yGU .Navigation_line-one__9bVDJ, .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_bars__r2yGU .Navigation_line-two__Qj_jq { position: absolute; left: 50%; top: 50%; transform: translate(-50%); height: 2px; width: 16px; border-radius: 2px; background-color: var(--essilor-color-white); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_bars__r2yGU .Navigation_line-one__9bVDJ { top: calc(50% + 4px); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_bars__r2yGU .Navigation_line-two__Qj_jq { top: calc(50% - 4px); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_close__SA5O4 { position: relative; width: 100%; height: 100%; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_close__SA5O4 .Navigation_line-one__9bVDJ, .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_close__SA5O4 .Navigation_line-two__Qj_jq { background-color: var(--essilor-color-white); height: 2px; width: 16px; border-radius: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_close__SA5O4 .Navigation_line-one__9bVDJ { transform: translate(-50%) rotate(45deg); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L .Navigation_close__SA5O4 .Navigation_line-two__Qj_jq { transform: translate(-50%) rotate(-45deg); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_pin__KZyp2 { top: 50%; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: none; flex-direction: column; align-items: center; justify-content: center; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX { max-width: calc(var(--max-width) + 48px); padding: 0px 24px; height: 100%; margin: auto; display: flex; transition: opacity 0.5s ease 0s; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content--hidden__W58nO { opacity: 0; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_logo__AbP0d { transform: translateY(8px); margin-right: 29px; z-index: 9; cursor: pointer; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_logo__AbP0d div { display: flex; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_logoMobile__dvXPB { display: none; z-index: 9; cursor: pointer; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_links__MuGeZ { list-style-type: none; display: flex; align-items: center; color: var(--essilor-color-white); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO:not(:last-of-type) { margin-right: 28px; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO .Navigation_initialLabel__cwa5Q { opacity: 0; font-weight: 700; letter-spacing: -0.034em; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO span::before { content: attr(data-text); position: absolute; right: 2.2em; color: rgb(255, 255, 255); top: 50%; transform: translateY(-50%); pointer-events: none; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_activePath__wtuWf { font-weight: 700; color: transparent; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_activePath__wtuWf span { letter-spacing: -0.034em; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_activePath__wtuWf span::before { content: attr(data-text); position: absolute; right: 2.2em; color: rgb(255, 255, 255); top: 50%; transform: translateY(-50%); pointer-events: none; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_active__NVfwa { font-weight: 700; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_active__NVfwa .Navigation_icon__WePSy { transform: rotate(180deg); } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_active__NVfwa span { letter-spacing: -0.034em; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_active__NVfwa span::before { content: attr(data-text); position: absolute; right: 2.2em; top: 50%; transform: translateY(-50%); pointer-events: none; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO .Navigation_link___a4YO { height: 34px; width: calc(100% + 13px); padding: 0px 7px; border-radius: 17px; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; position: relative; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO .Navigation_link___a4YO .Navigation_icon__WePSy { margin-left: 10px; height: 10px; display: flex; align-items: center; pointer-events: none; transition: all 0.25s ease 0s; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_navLink__Ct18H .Navigation_link___a4YO { justify-content: center; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_navLink__Ct18H .Navigation_link___a4YO .Navigation_icon__WePSy { display: none !important; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_navLink__Ct18H .Navigation_navLinkLabel__RMC8q { opacity: 1; color: rgb(255, 255, 255); letter-spacing: -0.034em; font-weight: 500 !important; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_linkItem___aTxO.Navigation_navLink__Ct18H span::before { display: none; } .Navigation_main__C9cOi .Navigation_storelocatormobile__9pxSk { position: fixed; height: 32px; width: 32px; text-align: center; display: flex; align-items: center; justify-content: center; } .Navigation_main__C9cOi .Navigation_storelocatormobile__9pxSk button { padding: 6px; min-height: 0px; background-color: transparent !important; } @media (max-width: 1253px) { .Navigation_main__C9cOi { min-height: 56px; } .Navigation_main__C9cOi.Navigation_tbadjust__KDVLZ { min-height: 96px !important; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms { left: 0px; width: 100%; height: 56px; } .Navigation_main__C9cOi .Navigation_dropdownDesktop__BKDq6 { display: none; } .Navigation_main__C9cOi .Navigation_dropdownMobile__phYn3 { display: block; } .Navigation_main__C9cOi .Navigation_storelocatormobile__9pxSk { display: flex; } .Navigation_main__C9cOi .Navigation_buttons__aTy0i, .Navigation_main__C9cOi .Navigation_iconWrapper__zKLR3 { display: none; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_iconContainer__Spex7 { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding: 24px; display: flex; justify-content: flex-end; gap: 10px; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burgerWrapper___4FLM { transform: translate(20%); height: auto; width: auto; display: flex; align-items: center; justify-content: center; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_burger__q_08L, .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_pin__KZyp2 { display: flex; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX { justify-content: left; align-items: center; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_logo__AbP0d { display: none; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_logoMobile__dvXPB { display: flex; left: 0px; width: 37px; height: 37px; padding: 4px; } .Navigation_main__C9cOi .Navigation_primary__Oa6ms .Navigation_content__VfxSX .Navigation_links__MuGeZ { display: none; } } /* ===== https://www.essilor.com/_next/static/css/4273673b1d78a7c2.css ===== */ .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t { position: relative; width: 100%; min-height: 150px; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t video { max-width: 589px; max-height: 331px; height: auto; width: 100%; border-radius: 6px; cursor: pointer; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t .VideoPlayer_play__Xw2Jt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; pointer-events: none; } .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC { width: fit-content; position: relative; margin: auto; display: flex; } @media (max-width: 834px) { .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC video { max-width: unset; max-height: unset; } } .InstagramEmbed_main__oZSY_ { padding-bottom: 89%; height: 0px; background-color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 80%; } } @media (max-width: 425px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 100%; } } @media (max-width: 359px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 120%; } } .InstagramEmbed_main__oZSY_ iframe { left: auto !important; width: auto !important; border: 1px solid rgb(219, 219, 219) !important; margin: 0px !important; min-width: 0px !important; } .VideoIFramePlayer_main___tUk3 { overflow: hidden; padding-bottom: 56.326%; position: relative; height: auto; background-color: rgb(255, 255, 255); } .VideoIFramePlayer_main___tUk3 iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; border: none; } .HeroBannerStatic_main__jK27u { position: relative; height: var(--full-height); min-height: 550px; z-index: 1; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-left: 16px; margin-right: 0px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { margin-right: auto; max-width: 550px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG span { gap: 10px; } .HeroBannerStatic_main__jK27u.HeroBannerStatic_dark__HAp43::before { content: ""; position: var(--position); left: 0px; top: 0px; width: 100%; height: var(--full-height); background-image: ; background-position-x: ; background-position-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; background-size: cover; z-index: -1; } .HeroBannerStatic_main__jK27u.HeroBannerStatic_fixed__cSb_F::before { top: 64px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM { height: var(--full-height); min-height: 550px; max-width: calc(var(--max-full-width)); padding: 20px 0px; margin: auto; display: flex; align-items: center; position: relative; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM.HeroBannerStatic_fixed__cSb_F { position: fixed; top: 64px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 0; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ { pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ .HeroBannerStatic_video__RYfCG { border-radius: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ .HeroBannerStatic_video__RYfCG video { border-radius: 0px; max-width: unset; max-height: unset; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV .HeroBannerStatic_imageWrapper__D7dEj { position: relative; height: 100%; width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV .HeroBannerStatic_gradientOverlay__ipeQ5 { background: var(--essilor-color-filter); height: inherit; width: 100%; position: absolute; top: 0px; left: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw { width: 100%; max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; z-index: 2; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw.HeroBannerStatic_addPadding__wBf4r { padding: 0px 24px 70px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs { margin-right: auto; max-width: 550px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR { font-weight: 700; color: var(--essilor-color-white); margin-bottom: 8px; display: flex; align-items: center; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { display: flex; align-items: center; margin-right: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_longText__Qzpjs { color: var(--essilor-color-white); display: -webkit-box; -webkit-line-clamp: var(--line-clamp); -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 834px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_longText__Qzpjs { -webkit-line-clamp: var(--line-clamp-mobile); } } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_logo____AD2 { margin-bottom: 16px; display: flex; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { color: var(--essilor-color-white); max-width: 500px; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: var(--title-clamp); -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 425px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { -webkit-line-clamp: var(--title-clamp-mobile); } } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { max-width: 700px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { width: fit-content; margin-top: 32px; height: auto; display: flex; flex-flow: row wrap; gap: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG { white-space: nowrap; width: fit-content; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG span { display: flex; flex-wrap: wrap; gap: 5px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_locator__RKLOz { margin-top: 32px; width: 400px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_smallText__Ma6r_ { color: var(--essilor-color-grey-40); margin-top: 50px; } @media (max-width: 1920px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 1253px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM.HeroBannerStatic_fixed__cSb_F, .HeroBannerStatic_main__jK27u.HeroBannerStatic_fixed__cSb_F::before { top: 56px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { flex-direction: var(--cta-alignment); } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 834px) { .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-left: 8px; margin-right: 0px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { flex-direction: column; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_logo____AD2 { margin-bottom: 8px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-right: 8px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { font-size: 32px; line-height: 42px; letter-spacing: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { margin-top: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 425px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { max-width: 400px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_locator__RKLOz { width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } .CircularClickEffect_main__1_Dkh { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; width: 100%; } .CircularClickEffect_main__1_Dkh .CircularClickEffect_circle__umQiQ { height: 100%; width: 100%; margin: auto; border-radius: 50%; opacity: 0; } .CircularClickEffect_main__1_Dkh .CircularClickEffect_circle__umQiQ.CircularClickEffect_animate__WHw4v { animation: CircularClickEffect_anim-effect-boris__tj_j9 var(--duration) forwards; } @keyframes CircularClickEffect_anim-effect-boris__tj_j9 { 0% { transform: scale3d(var(--initial-scale),var(--initial-scale),var(--initial-scale)); } 25%, 50% { opacity: 1; } 100% { opacity: 0; transform: scale3d(var(--final-scale),var(--final-scale),var(--final-scale)); } } .HeroSliderPagination_main__yh1RY { position: relative; display: flex; align-items: center; } .HeroSliderPagination_main__yh1RY p { padding-top: 0.2em; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_label__igw9m { font-size: 11.23px; user-select: none; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_progressBar__BQxqA { width: 57px; height: 57px; position: absolute; top: 0px; left: 0px; transition: all 0.2s ease-in-out 0s; transform: scaleX(-1); } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_progressBar__BQxqA svg { position: absolute; left: 0px; top: 0px; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_progressBar__BQxqA svg circle { transition: all 0.5s ease-in-out 0s; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_progressBar__BQxqA .HeroSliderPagination_progress__ROPJ1 { transform: rotate(-90deg) scale(1.02); } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_next__B1Ayr { position: relative; width: 57px; height: 57px; cursor: pointer; margin-left: 10px; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_next__B1Ayr .HeroSliderPagination_label__igw9m { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_next__B1Ayr:hover .HeroSliderPagination_progressBar__BQxqA.HeroSliderPagination_rtl__S76hR { opacity: 1; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_next__B1Ayr .HeroSliderPagination_progressBar__BQxqA.HeroSliderPagination_rtl__S76hR { opacity: 0; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_prev__CH3P4 { cursor: pointer; margin-right: 10px; position: relative; width: 57px; height: 57px; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_prev__CH3P4 .HeroSliderPagination_label__igw9m { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_prev__CH3P4:hover .HeroSliderPagination_progressBar__BQxqA { opacity: 1; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_prev__CH3P4 .HeroSliderPagination_progressBar__BQxqA { opacity: 0; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_prev__CH3P4 .HeroSliderPagination_progressBar__BQxqA.HeroSliderPagination_rtl__S76hR { opacity: 1; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_line__zhMCz { width: 74px; height: 0.86px; } .HeroSliderPagination_main__yh1RY .HeroSliderPagination_disable__FAtiK { pointer-events: none; opacity: 0.25; } .HeroSliderPagination_main__yh1RY.HeroSliderPagination_dark__LpjMh { color: var(--essilor-color-white); } .HeroSliderPagination_main__yh1RY.HeroSliderPagination_dark__LpjMh .HeroSliderPagination_line__zhMCz { background-color: var(--essilor-color-white); } .HeroSliderPagination_main__yh1RY.HeroSliderPagination_light__cb_0b { color: var(--essilor-color-black); } .HeroSliderPagination_main__yh1RY.HeroSliderPagination_light__cb_0b .HeroSliderPagination_line__zhMCz { background-color: var(--essilor-color-black); } .HeroBannerDynamic_main__m6PwF { position: relative; } .HeroBannerDynamic_main__m6PwF .HeroBannerDynamic_controls__SwUxy { position: absolute; bottom: 48px; left: 50%; z-index: 1; transform: translateX(-50%); max-width: calc(var(--max-width) + 40px); width: 100%; padding: 0px 20px; } .HeroBannerDynamic_main__m6PwF .HeroBannerDynamic_slider__Vk7jD { position: relative; max-width: var(--banner-max-width); margin: auto; } .HeroBannerDynamic_main__m6PwF .HeroBannerDynamic_slide__kq7_2 { position: relative; } /* ===== https://www.essilor.com/_next/static/css/a39dcde40bb65423.css ===== */ .SequenceAnimator_main__eS662 { width: 100%; height: 100%; margin: auto; } .SequenceAnimator_main__eS662 canvas { height: 100%; width: 100%; position: relative; } .FrameLensAnimation_main__jo7EL { padding-top: 118px; padding-bottom: 118px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams { position: relative; max-width: var(--max-full-width); width: 100%; height: 100%; min-height: 810px; margin: auto; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams.FrameLensAnimation_loaded__rIf0j { min-height: 100%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_trigger__ti9jr { position: absolute; top: 30%; left: 0px; height: 1px; width: 100%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_headerWrapper__7axKC { text-align: center; padding-top: 120px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 1; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_headerWrapper__7axKC .FrameLensAnimation_kicker__D1V2K { margin-bottom: 8px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_headerWrapper__7axKC .FrameLensAnimation_header__uNm6z { padding: 0px 24px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_animation__LzAoZ { position: relative; z-index: 2; display: flex; height: 100%; width: 100%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_canvas__KZqlE { height: 100%; width: 100%; pointer-events: none; display: flex; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO .FrameLensAnimation_mask-list__b_E9E { position: relative; width: 100%; height: 100%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO .FrameLensAnimation_mask-list__b_E9E img { top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; animation: 0.6s ease 0s 1 normal none running FrameLensAnimation_beat__h_iYw; } @keyframes FrameLensAnimation_beat__h_iYw { 0% { opacity: 0; } 30% { opacity: 1; } 60% { opacity: 0; } 90% { opacity: 1; } } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO .FrameLensAnimation_hover-item__sPZOj { position: absolute; bottom: 0px; height: 70%; cursor: pointer; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO .FrameLensAnimation_hover-item-1__1zXHE { left: 32.5%; width: 15%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO .FrameLensAnimation_hover-item-2__CSSYJ { left: 50%; width: 15%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_mask__C_eeO .FrameLensAnimation_hover-item-3__5zuam { left: 74%; width: 10%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf { padding: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0px 24px; width: 61.7%; margin: -20px 9% 0px auto; position: relative; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf .FrameLensAnimation_lens__eNWuc { text-align: center; max-width: 282px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf .FrameLensAnimation_lens__eNWuc .FrameLensAnimation_title__A8QT2 { margin-bottom: 16px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf .FrameLensAnimation_lens__eNWuc.FrameLensAnimation_glow__ZLbPs { text-shadow: rgb(245, 245, 245) 0px 0px 15px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_cta__tsY7F { max-width: calc(var(--max-full-width) + 48px); width: fit-content; margin: 48px auto auto; display: grid; grid-template-columns: repeat(var(--cta-count),1fr); gap: 24px; align-items: center; justify-content: center; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_cta__tsY7F .FrameLensAnimation_button__BsxDp { white-space: nowrap; } @media (max-width: 1253px) { .FrameLensAnimation_main__jo7EL { padding-top: 64px; padding-bottom: 64px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_headerWrapper__7axKC { padding-top: 64px; position: static; transform: none; margin-bottom: 16px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf { display: block; margin: 48.81px auto auto; width: 100%; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf .FrameLensAnimation_lens__eNWuc { margin: auto; max-width: 327px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf .FrameLensAnimation_lens__eNWuc:not(:last-of-type) { margin-bottom: 24px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_wrapper__miams .FrameLensAnimation_lens-description__AyULf .FrameLensAnimation_lens__eNWuc .FrameLensAnimation_title__A8QT2 { margin-bottom: 8px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_cta__tsY7F { margin-top: 32px; display: grid; grid-template-columns: unset; gap: 16px; } .FrameLensAnimation_main__jo7EL .FrameLensAnimation_cta__tsY7F .FrameLensAnimation_button__BsxDp, .FrameLensAnimation_main__jo7EL .FrameLensAnimation_cta__tsY7F .FrameLensAnimation_button__BsxDp button { width: 100%; } } /* ===== https://www.essilor.com/_next/static/css/11f976204d8b9e91.css ===== */ .CallBackModal_main__Gc5Yg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9; } .CallBackModal_main__Gc5Yg .CallBackModal_overlay__AMCUP { background-color: var(--essilor-color-black); opacity: 0.7; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8; animation: 0.4s ease 0s 1 normal none running CallBackModal_fadeIn__cvwDS; } .CallBackModal_main__Gc5Yg .CallBackModal_wrapper__R2RN2 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .CallBackModal_main__Gc5Yg .CallBackModal_wrapper__R2RN2 .CallBackModal_content__O70n7 { opacity: 0; } .CallBackModal_main__Gc5Yg .CallBackModal_wrapper__R2RN2 .CallBackModal_content__O70n7 iframe { border: none; width: 320px !important; height: 590px !important; } .CallBackModal_main__Gc5Yg .CallBackModal_wrapper__R2RN2 .CallBackModal_content__O70n7 .CallBackModal_close__EcraA { position: absolute; top: 13px; right: 13px; cursor: pointer; display: flex; opacity: 0.5; z-index: 10; } .CallBackModal_main__Gc5Yg .CallBackModal_wrapper__R2RN2 .CallBackModal_content__O70n7 .CallBackModal_close__EcraA:hover { opacity: 0.75; } .CallBackModal_main__Gc5Yg .CallBackModal_wrapper__R2RN2 .CallBackModal_content__O70n7.CallBackModal_animate__sgtzO { opacity: 1; animation: 0.5s ease 0s 1 normal none running CallBackModal_fadeInSlide__K187K; } @keyframes CallBackModal_fadeIn__cvwDS { 0% { opacity: 0; } 100% { opacity: 0.7; } } @keyframes CallBackModal_fadeInSlide__K187K { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0px); } } .LinkList_main__qIB0Q.LinkList_light__Wvalu, .LinkList_main__qIB0Q.LinkList_light__Wvalu a { color: var(--essilor-color-black); } .LinkList_main__qIB0Q.LinkList_light__Wvalu h3 { color: var(--essilor-color-marine); } .LinkList_main__qIB0Q.LinkList_dark__EMbrN, .LinkList_main__qIB0Q.LinkList_dark__EMbrN a, .LinkList_main__qIB0Q.LinkList_dark__EMbrN a:hover, .LinkList_main__qIB0Q.LinkList_dark__EMbrN h3, .LinkList_main__qIB0Q.LinkList_dark__EMbrN h3:hover { color: var(--essilor-color-white); } .LinkList_main__qIB0Q h3 { margin-bottom: 24px; color: var(--essilor-color-marine); } .LinkList_main__qIB0Q .LinkList_subTitle__MQJpe { margin-bottom: 24px; font-weight: 700; } .LinkList_main__qIB0Q ul { list-style: none; } .LinkList_main__qIB0Q ul li:not(.LinkList_linkWithCaption__FBgdz):not(:last-of-type) { margin-bottom: 16px; } .LinkList_main__qIB0Q ul li:not(:last-of-type) { margin-bottom: 40px; } .LinkList_main__qIB0Q ul li a:hover { font-weight: inherit; color: var(--essilor-color-marine); } .LinkList_main__qIB0Q ul li .LinkList_caption__R8RXt { font-size: 14px; color: var(--essilor-color-grey); line-height: 120%; margin-top: 4px; min-height: 32px; } @media (max-width: 1253px) { .LinkList_main__qIB0Q { padding: 0px; } .LinkList_main__qIB0Q .LinkList_header__ad11C { font-size: 14px; margin-bottom: 16px; color: var(--essilor-color-marine); } .LinkList_main__qIB0Q ul li { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; } .LinkList_main__qIB0Q ul li .LinkList_caption__R8RXt { display: block; margin-top: 4px; min-height: unset; } .LinkList_main__qIB0Q ul li:not(:last-of-type) { margin-bottom: 16px; } .LinkList_main__qIB0Q li a { color: var(--essilor-color-black); } } .Input_main__89p88 { position: relative; } .Input_main__89p88[dir="rtl"] .Input_icon__Pa1iX { right: 16px; left: unset; } .Input_main__89p88[dir="rtl"] .Input_clearAll__dB8O3 { left: 20px; right: unset; } .Input_main__89p88[dir="rtl"] input.Input_withIcon__NsFhV { padding: 12px 41px 12px 16px; } .Input_main__89p88 .Input_icon__Pa1iX { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); display: flex; align-items: center; } .Input_main__89p88 .Input_clearAll__dB8O3 { right: 20px; justify-content: center; } .Input_main__89p88 .Input_clearAll__dB8O3, .Input_main__89p88 .Input_emailButton__Nk_kc { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; cursor: pointer; } .Input_main__89p88 .Input_emailButton__Nk_kc { right: 4px; } .Input_main__89p88 input { width: 100%; height: 48px; padding: 14px 16px 12px; border-radius: 30px; border: none; font-size: 16px; appearance: none; color: var(--essilor-color-black); box-shadow: 0 0 0 1px var(--essilor-color-grey-20); outline: 0px; transition: all 0.25s ease 0s; } .Input_main__89p88 input::placeholder { color: var(--essilor-color-grey-60); user-select: none; } .Input_main__89p88 input.Input_complete__gwvc4:focus { box-shadow: 0 0 0 2px var(--essilor-color-marine); } .Input_main__89p88 input.Input_error__HLgwr { box-shadow: 0 0 0 1px var(--essilor-color-fuxschia); } .Input_main__89p88 input.Input_error__HLgwr:focus { box-shadow: 0 0 0 2px var(--essilor-color-fuxschia); } .Input_main__89p88 input.Input_withIcon__NsFhV { padding: 12px 16px 12px 41px; } @media (max-width: 425px) { .Input_main__89p88 input { font-size: 14px; } } .NavigationDropdownMobile_main__xSVNH { position: fixed; top: 0px; left: 0px; height: 100%; display: flex; flex-direction: column; width: 100%; z-index: 3; padding-top: 56px; overflow: hidden; background-color: var(--essilor-color-white); clip-path: inset(0px 0px 100%); transition: clip-path 0.4s ease 0s; } .NavigationDropdownMobile_main__xSVNH.NavigationDropdownMobile_tbadjust__AweF_ { padding-top: 96px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_language__VcYL6 { width: 100%; display: flex; align-items: center; padding: 12px 24px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_language__VcYL6 a { line-height: 0; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_content__Te2KF { flex: 1 1 0%; overflow-y: auto; padding-bottom: 80px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_locatorCTAWrapper__0Ttzv { position: absolute; bottom: 0px; left: 0px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 16px; background-color: var(--essilor-color-black); max-height: 80px; z-index: 5; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_locatorCTAWrapper__0Ttzv .NavigationDropdownMobile_storelocator__ijZK_ { width: 100%; justify-content: center; text-align: center; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_locatorCTAWrapper__0Ttzv .NavigationDropdownMobile_storelocator__ijZK_ .NavigationDropdownMobile_iconWrapper__kb1rY { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_locatorCTAWrapper__0Ttzv .NavigationDropdownMobile_storelocator__ijZK_ p { font-size: 16px; line-height: 26px; font-weight: 700; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_locatorCTAWrapper__0Ttzv .NavigationDropdownMobile_storelocator__ijZK_ button { width: 100%; } .NavigationDropdownMobile_main__xSVNH.NavigationDropdownMobile_show__HlO8w { clip-path: inset(0px); } .NavigationDropdownMobile_main__xSVNH.NavigationDropdownMobile_show__HlO8w.NavigationDropdownMobile_tbadjust__AweF_ { height: 100%; } @media (max-width: 1253px) { .NavigationDropdownMobile_main__xSVNH.NavigationDropdownMobile_show__HlO8w { padding-top: 56px; top: 0px; } .NavigationDropdownMobile_main__xSVNH.NavigationDropdownMobile_show__HlO8w.NavigationDropdownMobile_tbadjust__AweF_ { padding-top: 96px; } } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_search__YwjXq { margin-bottom: 20px; margin-top: 32px; padding: 0px 24px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_linkGroup__VTdgP:not(:last-of-type) { margin-bottom: 16px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_descriptionCardCTA__oBuLz { margin: 16px 0px 0px; } .NavigationDropdownMobile_main__xSVNH .NavigationDropdownMobile_navLink__xEgKv .NavigationDropdownMobile_teaserLink__2LXAI { display: block; width: 100%; padding: 12px 24px; color: var(--essilor-color-black); font-weight: 700; font-size: 14px; line-height: 24px; letter-spacing: -0.034em; text-decoration: none; } /* ===== https://www.essilor.com/_next/static/css/ab2d7d9ae372c454.css ===== */ .PopularSearch_main__CSHCK { background-color: var(--essilor-color-white); border-radius: 6px; box-shadow: rgba(1, 14, 61, 0.08) 0px 0px 24px; position: absolute; width: 100%; height: fit-content; top: 72px; z-index: 1; max-height: 350px; overflow: auto; } .PopularSearch_main__CSHCK .PopularSearch_popular-wrapper__lrvSe { position: relative; } .PopularSearch_main__CSHCK .PopularSearch_popular-item__Cgvht { pointer-events: all; padding: 8px 16px; cursor: pointer; user-select: none; } .PopularSearch_main__CSHCK .PopularSearch_popular-item__Cgvht a { color: var(--essilor-color-black); } .PopularSearch_main__CSHCK .PopularSearch_popular-item__Cgvht a:hover { font-weight: 400; } .PopularSearch_main__CSHCK .PopularSearch_popular-item__Cgvht:first-of-type { padding-top: 16px; } .PopularSearch_main__CSHCK .PopularSearch_popular-item__Cgvht:last-of-type { padding-bottom: 16px; } .PopularSearch_main__CSHCK .PopularSearch_popular-item__Cgvht:hover { background: var(--essilor-color-grey-10); } @media (max-width: 1253px) { .PopularSearch_main__CSHCK { position: absolute; top: 90px; left: 50%; transform: translateX(-50%); width: calc(100% - 48px); } .PopularSearch_main__CSHCK .PopularSearch_popular-wrapper__lrvSe { position: relative; } .PopularSearch_main__CSHCK .PopularSearch_popular-list__LJMH_ { box-shadow: 0 0 0 1px var(--essilor-color-grey-20); border-radius: 6px; width: 100%; height: auto; background-color: var(--essilor-color-white); z-index: 1; } } /* ===== https://www.essilor.com/_next/static/css/ef57f1c2c1ee1108.css ===== */ .NavigationAccordion_main__HxylZ { width: 100%; } .NavigationAccordion_main__HxylZ .NavigationAccordion_header__MLFCT { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 24px; } .NavigationAccordion_main__HxylZ .NavigationAccordion_header__MLFCT .NavigationAccordion_title__vRMYE { font-weight: 700; pointer-events: none; } .NavigationAccordion_main__HxylZ .NavigationAccordion_header__MLFCT .NavigationAccordion_icon__iWj79 { user-select: none; pointer-events: none; transition: all 0.25s ease 0s; } .NavigationAccordion_main__HxylZ .NavigationAccordion_header__MLFCT .NavigationAccordion_icon--open__O2kZJ { transform: rotate(45deg) translate(-2px, 2px); } .NavigationAccordion_main__HxylZ .NavigationAccordion_content__OhbIo { padding: 0px 24px; background-color: var(--essilor-color-grey-10); overflow: hidden; transition: all 0.4s ease 0s; } .NavigationAccordion_main__HxylZ .NavigationAccordion_content__OhbIo .NavigationAccordion_childContainer__x5_T_ { padding: 16px 0px; } /* ===== https://www.essilor.com/_next/static/css/56d838fb83d3db5a.css ===== */ .ProductLandingHeader_main__DzFry { text-align: center; padding: 96px 24px 0px; margin: auto; max-width: 840px; } .ProductLandingHeader_main__DzFry .ProductLandingHeader_small-text__RRlle { margin-bottom: 8px; font-size: 10px; font-weight: 700; } .ProductLandingHeader_main__DzFry .ProductLandingHeader_header__jY7lL { margin-bottom: 20px; } @media (max-width: 1253px) { .ProductLandingHeader_main__DzFry .ProductLandingHeader_header__jY7lL { margin-bottom: 16px; } } /* ===== https://www.essilor.com/_next/static/css/294ff93a60079b50.css ===== */ .SliderDot_dot__YKK5M { cursor: pointer; position: relative; background-color: var(--essilor-color-marine-20); border-radius: 50%; height: 8px; width: 8px; } .SliderDot_dot__YKK5M .SliderDot_active__mXVuR { background-color: var(--essilor-color-marine); border-radius: 50%; height: 12px; width: 12px; position: absolute; top: -2px; left: -2px; z-index: 1; } .SliderDot_dot--dark__aAbZZ { background-color: var(--essilor-color-white-20); } .SliderDot_dot--dark__aAbZZ .SliderDot_active__mXVuR { background-color: var(--essilor-color-white); } .CarouselSlider2_control__iAFvc { width: fit-content; z-index: 1; } .CarouselSlider2_control--next__xYZI1 { position: absolute; right: -25px; top: 32%; transform: translateY(-50%); } .CarouselSlider2_control--prev__Ios5m { position: absolute; left: -25px; top: 32%; transform: translateY(-50%); } .CarouselSlider2_control--disabled__d5YJ4 { pointer-events: none; opacity: 0.25; } .CarouselSlider2_control__iAFvc .CarouselSlider2_button___NquW { pointer-events: all; cursor: pointer; position: relative; border-radius: 50%; box-shadow: rgba(1, 14, 61, 0.08) 0px 0px 24px; width: 48px; height: 48px; background-color: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; } .CarouselSlider2_control__iAFvc .CarouselSlider2_button___NquW:hover { background-color: var(--essilor-color-white); } .CarouselSlider2_main__UBN8o { max-width: inherit; } .CarouselSlider2_main__UBN8o .CarouselSlider2_slider__t_0w5 { max-width: inherit; height: inherit; } .CarouselSlider2_main__UBN8o .CarouselSlider2_slider__t_0w5 .slick-track { display: flex; } .CarouselSlider2_main__UBN8o .CarouselSlider2_slider__t_0w5 .slick-slide { height: inherit; } .CarouselSlider2_main__UBN8o .CarouselSlider2_slider__t_0w5 .slick-slide > div { height: 100%; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dotContainer__j3Rb9 { list-style-type: none; align-items: center; justify-content: center; margin-top: 50px; height: 12px; display: flex !important; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dotContainer__j3Rb9 li { transition: all 0.25s ease 0s; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dotContainer__j3Rb9 li:not(:last-of-type) { margin-right: 8px; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dotContainer__j3Rb9 li.slick-active { padding: 0px 2px; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dot__GWBlY { cursor: pointer; position: relative; background-color: var(--essilor-color-marine-20); border-radius: 50%; height: 8px; width: 8px; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dot__GWBlY .CarouselSlider2_active__cTjF8 { background-color: var(--essilor-color-marine); border-radius: 50%; height: 12px; width: 12px; position: absolute; top: -2px; left: -2px; z-index: 1; } .CarouselSlider2_main__UBN8o .CarouselSlider2_dot--dark__QOSW1 { background-color: var(--essilor-color-white-20); } .CarouselSlider2_main__UBN8o .CarouselSlider2_dot--dark__QOSW1 .CarouselSlider2_active__cTjF8 { background-color: var(--essilor-color-white); } @media (max-width: 834px) { .CarouselSlider2_main__UBN8o .CarouselSlider2_dotContainer__j3Rb9 { margin-top: 34px; } } .ProductPush2_main__HZ0BI { min-height: 512px; max-width: 282px; width: 100%; height: 100%; text-align: left; background-color: var(--essilor-color-grey-10); padding-bottom: 24px; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .ProductPush2_main__HZ0BI[dir="rtl"] { text-align: right; } .ProductPush2_main__HZ0BI[dir="rtl"] .ProductPush2_image__KoZKn .ProductPush2_reactangle___zkfy { right: 0px; left: unset; } .ProductPush2_main__HZ0BI[dir="rtl"] .ProductPush2_keywords__jZjFy .ProductPush2_icon__V95cc { margin-left: 9px; margin-right: 0px; } .ProductPush2_main__HZ0BI:hover .ProductPush2_image__KoZKn .ProductPush2_productImage__sSJEt { transform: scale(1.07); } .ProductPush2_main__HZ0BI .ProductPush2_image__KoZKn { border-radius: 10px 10px 0px 0px; overflow: hidden; cursor: pointer; position: relative; min-height: 300px; } .ProductPush2_main__HZ0BI .ProductPush2_image__KoZKn .ProductPush2_ripple__mWF6i { display: flex; } .ProductPush2_main__HZ0BI .ProductPush2_image__KoZKn img { transition: all 0.5s ease 0s; } .ProductPush2_main__HZ0BI .ProductPush2_image__KoZKn .ProductPush2_rectangle__CPG4j { position: absolute; right: 0px; top: 0px; width: 16px; height: 100%; pointer-events: none; } .ProductPush2_main__HZ0BI .ProductPush2_image__KoZKn .ProductPush2_imageWrapper__SOQa3 { position: relative; width: fit-content; } .ProductPush2_main__HZ0BI .ProductPush2_image__KoZKn .ProductPush2_overlayLogo__mepJH { position: absolute; top: 8px; left: 8px; z-index: 2; padding: 4px; filter: drop-shadow(rgba(0, 0, 0, 0.3) 2px 2px 6px); object-fit: contain; } .ProductPush2_main__HZ0BI .ProductPush2_mention__6SjdU { font-weight: 700; font-size: 10px; margin-bottom: 5px; min-height: 24px; } .ProductPush2_main__HZ0BI .ProductPush2_logo__ueC9T { margin-bottom: 16px; min-height: 39px; } .ProductPush2_main__HZ0BI .ProductPush2_title__ogumv { margin-bottom: 16px; color: var(--essilor-color-marine); } .ProductPush2_main__HZ0BI .ProductPush2_keywords__jZjFy { list-style-type: none; margin-bottom: 24px; } .ProductPush2_main__HZ0BI .ProductPush2_keywords__jZjFy .ProductPush2_icon__V95cc { margin-right: 9px; min-width: 26px; min-height: 26px; align-self: flex-start; } .ProductPush2_main__HZ0BI .ProductPush2_keywords__jZjFy li { display: flex; align-items: center; } .ProductPush2_main__HZ0BI .ProductPush2_keywords__jZjFy li:not(:last-of-type) { margin-bottom: 8px; } .ProductPush2_main__HZ0BI .ProductPush2_cta__HyYXS { max-width: 250px; width: 100%; margin-top: auto; display: flex; justify-content: center; } .ProductPush2_main__HZ0BI .ProductPush2_contentLower__tljhQ { width: 100%; height: 100%; padding: 24px 16px 0px; display: flex; flex-direction: column; } .ProductPush2_main__HZ0BI .ProductPush2_brandName__kHYU3 { font-size: 19px; font-weight: 700; line-height: 1.8; margin-top: 5px; margin-bottom: 25px; max-width: 282px; } .Tab_main__0GpUw[dir="rtl"] .Tab_header__NBUsE::before, .Tab_main__0GpUw[dir="rtl"] .Tab_selector-line__ZFQTt, .Tab_main__0GpUw[dir="rtl"] .Tab_selector__fCcAC { right: 0px; left: unset; } .Tab_main__0GpUw .Tab_tab-essilor__UkCP2 { width: 100%; font-size: 16px; font-weight: 700; color: var(--essilor-color-blue); } .Tab_main__0GpUw .Tab_header__NBUsE { display: flex; position: relative; width: 100%; text-align: center; min-height: 48px; } .Tab_main__0GpUw .Tab_header__NBUsE::before { content: ""; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 100%; background-color: var(--essilor-color-marine-20); display: none; } .Tab_main__0GpUw .Tab_header-item__HrR4h { color: var(--essilor-color-marine); display: flex; align-items: center; justify-content: center; position: relative; flex-grow: 1; transition: all 0.25s ease 0s; } .Tab_main__0GpUw .Tab_header-item__HrR4h.Tab_active___TnR_ { transition: color 0.5s ease 0s; } .Tab_main__0GpUw .Tab_header-item__HrR4h:hover { background-color: var(--essilor-color-blue-20); } .Tab_main__0GpUw .Tab_header-item__HrR4h p { pointer-events: none; } .Tab_main__0GpUw .Tab_header-item__HrR4h .Tab_ripple__IF_Pq { padding: 11px 10px 15px; width: 100%; cursor: pointer; user-select: none; } .Tab_main__0GpUw .Tab_selector__fCcAC { position: absolute; bottom: 0px; left: 0px; background-color: var(--essilor-color-blue-30); height: 100%; width: 100%; transition: all 0.25s ease 0s; } .Tab_main__0GpUw .Tab_selector-line__ZFQTt { position: absolute; bottom: 0px; left: 0px; background-color: var(--essilor-color-blue); height: 2px; width: 100%; } @media (max-width: 1253px) { .Tab_main__0GpUw .Tab_tab-essilor__UkCP2 { font-size: 14px; } .Tab_main__0GpUw .Tab_header-item__HrR4h { flex-shrink: 0; min-width: 90px; } .Tab_main__0GpUw .Tab_header-item__HrR4h .Tab_ripple__IF_Pq { padding-left: 24px; padding-right: 24px; } } .ProductBrandList_main__fxGyf { max-width: calc(var(--max-width) + 48px); padding: 32px 24px 96px; margin: auto; display: grid; grid-template-columns: auto 896px; gap: 32px 48px; grid-template-areas: "header header" "filters products"; } .ProductBrandList_main__fxGyf .ProductBrandList_active__FlRhM { background-color: var(--essilor-color-blue-30); } .ProductBrandList_main__fxGyf .ProductBrandList_label__0Y85k { padding-left: 12px; margin-right: 24px; font-weight: 700; } .ProductBrandList_main__fxGyf .ProductBrandList_filter-by__2D56a { grid-area: header / header / header / header; display: flex; align-items: center; } .ProductBrandList_main__fxGyf .ProductBrandList_filter-by__2D56a .ProductBrandList_items__3F7bJ { display: flex; } .ProductBrandList_main__fxGyf .ProductBrandList_filter-by__2D56a .ProductBrandList_items__3F7bJ .ProductBrandList_button-wrapper__JR2u2 { border-radius: 6px; } .ProductBrandList_main__fxGyf .ProductBrandList_filter-by__2D56a .ProductBrandList_items__3F7bJ .ProductBrandList_button-wrapper__JR2u2:not(:last-of-type) { margin-right: 4px; } .ProductBrandList_main__fxGyf .ProductBrandList_tags__5nnvk { grid-area: filters / filters / filters / filters; display: flex; flex-direction: column; width: 256px; } .ProductBrandList_main__fxGyf .ProductBrandList_tags__5nnvk .ProductBrandList_tag-item__P6Rj_ { border-radius: 6px; height: auto; } .ProductBrandList_main__fxGyf .ProductBrandList_tags__5nnvk .ProductBrandList_tag-item__P6Rj_:not(:last-of-type) { margin-bottom: 12px; } .ProductBrandList_main__fxGyf .ProductBrandList_tags__5nnvk .ProductBrandList_tag-item__P6Rj_ button { text-align: left; justify-content: flex-start; font-weight: 400; height: 38px; color: var(--essilor-color-marine); } .ProductBrandList_main__fxGyf .ProductBrandList_tag-tabs-wrapper__Kgyb6 * { font-weight: 400; } .ProductBrandList_main__fxGyf .ProductBrandList_products-grid__LBSlr { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; grid-area: products / products / products / products; max-width: 896px; } @media (max-width: 1253px) { .ProductBrandList_main__fxGyf { padding: 24px 0px 56px; display: block; grid-template-columns: unset; grid-template-areas: unset; gap: 20px 0px; } .ProductBrandList_main__fxGyf button { font-size: 14px; height: 35.59px; } .ProductBrandList_main__fxGyf .ProductBrandList_label__0Y85k { margin-bottom: 16px; margin-right: 0px; text-align: center; } .ProductBrandList_main__fxGyf .ProductBrandList_push__mNGlu { margin-left: 24px; } .ProductBrandList_main__fxGyf .ProductBrandList_tags__5nnvk .ProductBrandList_tag-item__P6Rj_ button { height: 31.59px; } .ProductBrandList_main__fxGyf .ProductBrandList_filter-by__2D56a, .ProductBrandList_main__fxGyf .ProductBrandList_products-grid__LBSlr, .ProductBrandList_main__fxGyf .ProductBrandList_tags__5nnvk { padding: 0px 24px; grid-area: unset; } .ProductBrandList_main__fxGyf .ProductBrandList_products__ljIdZ { max-width: 100%; } .ProductBrandList_main__fxGyf .ProductBrandList_category-tabs-wrapper__MRJH9 { overflow-x: auto; margin-bottom: 24px; } .ProductBrandList_main__fxGyf ::-webkit-scrollbar { display: none; } .ProductBrandList_main__fxGyf .ProductBrandList_tag-tabs-wrapper__Kgyb6 { overflow-x: auto; margin-bottom: 24px; scroll-behavior: smooth; } .ProductBrandList_main__fxGyf .ProductBrandList_tag-tabs__TYM6r { min-width: fit-content; } } /* ===== https://www.essilor.com/_next/static/css/3c7641267e24e4ef.css ===== */ .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t { position: relative; width: 100%; min-height: 150px; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t video { max-width: 589px; max-height: 331px; height: auto; width: 100%; border-radius: 6px; cursor: pointer; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t .VideoPlayer_play__Xw2Jt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; pointer-events: none; } .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC { width: fit-content; position: relative; margin: auto; display: flex; } @media (max-width: 834px) { .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC video { max-width: unset; max-height: unset; } } .InstagramEmbed_main__oZSY_ { padding-bottom: 89%; height: 0px; background-color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 80%; } } @media (max-width: 425px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 100%; } } @media (max-width: 359px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 120%; } } .InstagramEmbed_main__oZSY_ iframe { left: auto !important; width: auto !important; border: 1px solid rgb(219, 219, 219) !important; margin: 0px !important; min-width: 0px !important; } .VideoIFramePlayer_main___tUk3 { overflow: hidden; padding-bottom: 56.326%; position: relative; height: auto; background-color: rgb(255, 255, 255); } .VideoIFramePlayer_main___tUk3 iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; border: none; } .HeroBanner_main__CLB52 { width: 100%; min-height: 405px; background-color: var(--essilor-color-black); color: var(--essilor-color-white); display: flex; } .HeroBanner_main__CLB52.HeroBanner_light__qZuRV { background-color: var(--essilor-color-white); color: var(--essilor-color-black); } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; width: 100%; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK { display: flex; align-items: center; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V { display: flex; flex-direction: column; align-items: stretch; justify-content: space-evenly; padding: 40px; width: 100%; height: 100%; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_logo__clWjH { height: auto; margin-bottom: 65px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_logo__clWjH .HeroBanner_logoFallback__yUF4e { font-size: 32px; font-weight: 600; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_captionWrapper__AoDR7 { display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_caption__yDsfU { display: flex; align-items: center; justify-content: center; padding: 4px 8px; min-height: 34px; font-size: 14px; font-weight: 400; line-height: 26px; border-radius: 8px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_caption--dark__tfWZe { background-color: var(--essilor-color-black); color: var(--essilor-color-white); } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_caption--light__LmHnF { background-color: var(--essilor-color-white); color: var(--essilor-color-black); border: 1px solid rgba(1, 14, 61, 0.1); } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_title__dwIOt { margin-bottom: 16px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_title__dwIOt h1 { font-size: 32px !important; line-height: 120% !important; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_ctaWrapper__snU65 .HeroBanner_cta__oEfnS { width: 100%; margin-top: 40px; height: auto; display: flex; flex-flow: row wrap; gap: 16px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_ctaWrapper__snU65 .HeroBanner_cta__oEfnS .HeroBanner_button__R3Vcp { white-space: nowrap; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_ctaWrapper__snU65 .HeroBanner_cta__oEfnS .HeroBanner_button__R3Vcp span { display: flex; flex-wrap: wrap; gap: 5px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_right__gBERC { display: flex; justify-content: flex-end; align-items: stretch; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_right__gBERC .HeroBanner_imageContainer__mBlXf { position: relative; width: 100%; height: 100%; } @media (max-width: 834px) { .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk { display: flex; flex-direction: column-reverse; gap: 0px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_right__gBERC { height: 100%; min-height: 211px; justify-content: center; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V { max-width: 100%; padding: 24px 16px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_logo__clWjH { margin-bottom: 24px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_logo__clWjH .HeroBanner_logoFallback__yUF4e { font-size: 24px; } .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_ctaWrapper__snU65 .HeroBanner_cta__oEfnS .HeroBanner_button__R3Vcp, .HeroBanner_main__CLB52 .HeroBanner_splitWrapper__EOHQk .HeroBanner_left__9_UhK .HeroBanner_contentInner__6kW6V .HeroBanner_ctaWrapper__snU65 .HeroBanner_cta__oEfnS .HeroBanner_button__R3Vcp button { width: 100%; } } /* ===== https://www.essilor.com/_next/static/css/1f626dc88c6f8df0.css ===== */ .BrandNavigationRTL_secondary__4JtR7 { height: 100%; width: 100%; } .BrandNavigationRTL_secondary__4JtR7 .BrandNavigationRTL_buttons__N6rDl { height: fit-content; width: fit-content; align-self: center; margin-left: auto; display: flex; align-items: center; margin-right: 61px; } .BrandNavigationRTL_secondary__4JtR7 .BrandNavigationRTL_content__RljRr { width: fit-content; min-width: 350px; padding: 16px 40px; margin: 0px auto; background-color: rgb(248, 248, 248); display: flex; align-items: center; justify-content: center; height: 100%; transition: opacity 0.5s ease 0s; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 16px; } .BrandNavigationRTL_secondary__4JtR7 .BrandNavigationRTL_links__s7rHA { list-style-type: none; display: flex; align-items: center; justify-content: center; gap: 32px; } .BrandNavigationRTL_secondary__4JtR7 li { font-weight: 400; user-select: none; min-width: 90px; text-align: center; } .BrandNavigationRTL_secondary__4JtR7 li a { color: var(--essilor-color-black); } .BrandNavigationRTL_secondary__4JtR7 li a:hover, .BrandNavigationRTL_secondary__4JtR7 li.BrandNavigationRTL_active__O1v8w { font-weight: 700; color: var(--essilor-color-black); text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--essilor-color-black); text-decoration-thickness: 2px; text-underline-offset: 5px; } @media (max-width: 1253px) { .BrandNavigationRTL_secondary__4JtR7 .BrandNavigationRTL_content__RljRr { width: 100%; min-width: unset; max-width: 400px; } .BrandNavigationRTL_secondary__4JtR7 .BrandNavigationRTL_content__RljRr li { min-width: unset; } } .BrandNavigation_secondary__WzIx3 { height: 100%; width: 100%; } .BrandNavigation_secondary__WzIx3 .BrandNavigation_buttons__11zXv { height: fit-content; width: fit-content; align-self: center; margin-left: auto; display: flex; align-items: center; margin-right: 61px; } .BrandNavigation_secondary__WzIx3 .BrandNavigation_content__Akd_f { width: fit-content; min-width: 350px; padding: 16px 40px; margin: 0px auto; background-color: rgb(248, 248, 248); display: flex; align-items: center; justify-content: center; height: 100%; transition: opacity 0.5s ease 0s; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 16px; } .BrandNavigation_secondary__WzIx3 .BrandNavigation_links__gcjUS { list-style-type: none; display: flex; align-items: center; justify-content: center; gap: 32px; } .BrandNavigation_secondary__WzIx3 li { font-weight: 400; user-select: none; min-width: 90px; text-align: center; } .BrandNavigation_secondary__WzIx3 li a { color: var(--essilor-color-black); } .BrandNavigation_secondary__WzIx3 li a:hover, .BrandNavigation_secondary__WzIx3 li.BrandNavigation_active__NxWFs { font-weight: 700; color: var(--essilor-color-black); text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--essilor-color-black); text-decoration-thickness: 2px; text-underline-offset: 5px; } @media (max-width: 1253px) { .BrandNavigation_secondary__WzIx3 .BrandNavigation_content__Akd_f { width: 100%; min-width: unset; max-width: 400px; } .BrandNavigation_secondary__WzIx3 .BrandNavigation_content__Akd_f li { min-width: unset; } } /* ===== https://www.essilor.com/_next/static/css/be46c686b37a4e5f.css ===== */ .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t { position: relative; width: 100%; min-height: 150px; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t video { max-width: 589px; max-height: 331px; height: auto; width: 100%; border-radius: 6px; cursor: pointer; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t .VideoPlayer_play__Xw2Jt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; pointer-events: none; } .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC { width: fit-content; position: relative; margin: auto; display: flex; } @media (max-width: 834px) { .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC video { max-width: unset; max-height: unset; } } .InstagramEmbed_main__oZSY_ { padding-bottom: 89%; height: 0px; background-color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 80%; } } @media (max-width: 425px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 100%; } } @media (max-width: 359px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 120%; } } .InstagramEmbed_main__oZSY_ iframe { left: auto !important; width: auto !important; border: 1px solid rgb(219, 219, 219) !important; margin: 0px !important; min-width: 0px !important; } .VideoIFramePlayer_main___tUk3 { overflow: hidden; padding-bottom: 56.326%; position: relative; height: auto; background-color: rgb(255, 255, 255); } .VideoIFramePlayer_main___tUk3 iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; border: none; } .HeroBannerStatic_main__jK27u { position: relative; height: var(--full-height); min-height: 550px; z-index: 1; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-left: 16px; margin-right: 0px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { margin-right: auto; max-width: 550px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG span { gap: 10px; } .HeroBannerStatic_main__jK27u.HeroBannerStatic_dark__HAp43::before { content: ""; position: var(--position); left: 0px; top: 0px; width: 100%; height: var(--full-height); background-image: ; background-position-x: ; background-position-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; background-size: cover; z-index: -1; } .HeroBannerStatic_main__jK27u.HeroBannerStatic_fixed__cSb_F::before { top: 64px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM { height: var(--full-height); min-height: 550px; max-width: calc(var(--max-full-width)); padding: 20px 0px; margin: auto; display: flex; align-items: center; position: relative; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM.HeroBannerStatic_fixed__cSb_F { position: fixed; top: 64px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 0; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ { pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ .HeroBannerStatic_video__RYfCG { border-radius: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ .HeroBannerStatic_video__RYfCG video { border-radius: 0px; max-width: unset; max-height: unset; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV .HeroBannerStatic_imageWrapper__D7dEj { position: relative; height: 100%; width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV .HeroBannerStatic_gradientOverlay__ipeQ5 { background: var(--essilor-color-filter); height: inherit; width: 100%; position: absolute; top: 0px; left: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw { width: 100%; max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; z-index: 2; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw.HeroBannerStatic_addPadding__wBf4r { padding: 0px 24px 70px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs { margin-right: auto; max-width: 550px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR { font-weight: 700; color: var(--essilor-color-white); margin-bottom: 8px; display: flex; align-items: center; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { display: flex; align-items: center; margin-right: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_longText__Qzpjs { color: var(--essilor-color-white); display: -webkit-box; -webkit-line-clamp: var(--line-clamp); -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 834px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_longText__Qzpjs { -webkit-line-clamp: var(--line-clamp-mobile); } } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_logo____AD2 { margin-bottom: 16px; display: flex; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { color: var(--essilor-color-white); max-width: 500px; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: var(--title-clamp); -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 425px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { -webkit-line-clamp: var(--title-clamp-mobile); } } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { max-width: 700px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { width: fit-content; margin-top: 32px; height: auto; display: flex; flex-flow: row wrap; gap: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG { white-space: nowrap; width: fit-content; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG span { display: flex; flex-wrap: wrap; gap: 5px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_locator__RKLOz { margin-top: 32px; width: 400px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_smallText__Ma6r_ { color: var(--essilor-color-grey-40); margin-top: 50px; } @media (max-width: 1920px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 1253px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM.HeroBannerStatic_fixed__cSb_F, .HeroBannerStatic_main__jK27u.HeroBannerStatic_fixed__cSb_F::before { top: 56px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { flex-direction: var(--cta-alignment); } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 834px) { .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-left: 8px; margin-right: 0px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { flex-direction: column; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_logo____AD2 { margin-bottom: 8px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-right: 8px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { font-size: 32px; line-height: 42px; letter-spacing: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { margin-top: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 425px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { max-width: 400px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_locator__RKLOz { width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } /* ===== https://www.essilor.com/_next/static/css/8138c02300431ebb.css ===== */ .Picto_main__C_3Di { width: 180px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .Picto_main--dark__sGGdQ { color: var(--essilor-color-white); } .Picto_main__C_3Di .Picto_icon__CJ3y5, .Picto_main__C_3Di .Picto_logo__69WlQ { width: fit-content; display: flex; margin: 0px 0px 24px; } .Picto_main__C_3Di .Picto_subTitleMobile__4_zjk, .Picto_main__C_3Di .Picto_subTitle__YSgGX { font-size: 16px; line-height: 26px; font-weight: 700; color: var(--essilor-color-marine); margin-bottom: 8px; text-align: center; } .Picto_main__C_3Di .Picto_subTitleMobile__4_zjk { text-align: initial; } .Picto_main__C_3Di .Picto_longText__0vZsJ { text-align: center; } .Picto_main__C_3Di .Picto_subTitleMobile__4_zjk { display: none; } @media (max-width: 834px) { .Picto_main__C_3Di { width: 100%; display: flex; flex-direction: row; } .Picto_main__C_3Di .Picto_icon__CJ3y5, .Picto_main__C_3Di .Picto_logo__69WlQ { margin-bottom: 0px; min-width: 55px; } .Picto_main__C_3Di .Picto_textContainer__IrKYv { flex-grow: 1; text-align: initial; padding-left: 20px; padding-right: 20px; } .Picto_main__C_3Di .Picto_subTitle__YSgGX { display: none; } .Picto_main__C_3Di .Picto_subTitleMobile__4_zjk { display: block; font-size: 16px; margin-bottom: 0px; } .Picto_main__C_3Di .Picto_subTitleMobile__4_zjk br { display: none; } } .BenefitsSummary_main__YDTf9 { height: 100%; width: 100%; min-height: auto; display: flex; align-items: center; padding: 96px 0px; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_wrapper__Ku6iK { padding: 0px 24px; margin: auto; text-align: center; width: 100%; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_kicker__WMsXf { font-weight: 700; font-size: 10px; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 0.04em; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_title__LmxeN { margin: 0px auto 48px; text-align: center; font-weight: 700; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_title__LmxeN h1 { font-size: 38px !important; line-height: 48px !important; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_content__r4BT3 { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_content__r4BT3 .BenefitsSummary_itemWrapper__lcQ90 { display: flex; flex-direction: column; align-items: center; width: 180px; } @media (max-width: 1253px) { .BenefitsSummary_main__YDTf9 .BenefitsSummary_title__LmxeN h1 { font-size: 32px !important; line-height: 42px !important; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_title__LmxeN h2 { font-size: 32px; line-height: 42px; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_content__r4BT3 .BenefitsSummary_itemWrapper__lcQ90 { max-width: 148px; } } @media (max-width: 834px) { .BenefitsSummary_main__YDTf9 .BenefitsSummary_title__LmxeN { margin: 0px auto 32px; } .BenefitsSummary_main__YDTf9 .BenefitsSummary_content__r4BT3 .BenefitsSummary_itemWrapper__lcQ90 { max-width: 100%; width: 100%; display: block; } } /* ===== https://www.essilor.com/_next/static/css/ce335a21d595b05f.css ===== */ .Locator_v2_main__SYoK4 { overflow: hidden; } .Locator_v2_main__SYoK4 #locatorv2embed { position: relative; min-height: 450px; margin: 0px; } .Locator_v2_main__SYoK4 #locatorv2embed .react-loader { top: 0px; left: 0px; position: absolute; height: 100%; width: 100%; background-color: rgb(255, 255, 255); z-index: 9999; } .Locator_v2_main__SYoK4 #locatorv2embed .react-loader .spinner { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: initial; } .Locator_v2_main__SYoK4 .react-loader-path { stroke-dasharray: 46.75; stroke-dashoffset: 0; transform-origin: center center; animation: 1.4s ease-in-out 0s infinite normal none running Locator_v2_dash__uUcnY; } @keyframes Locator_v2_dash__uUcnY { 0% { stroke-dashoffset: 46.75; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg) translate(-50%, -50%); } 100% { stroke-dashoffset: 46.75; transform: rotate(450deg) translate(-50%, -50%); } } .Locator_v2_5_main__aemdl { margin-top: 30px; } .Locator_v2_5_main__aemdl .store-details__offer__image { display: none !important; } /* ===== https://www.essilor.com/_next/static/css/a8fd5563c354ff9d.css ===== */ .RichText_main__CBZBw { max-width: var(--max-width); } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A, .RichText_main__CBZBw[dir="rtl"] ul { padding-right: 28px; padding-left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A li::before, .RichText_main__CBZBw[dir="rtl"] ul li::before { right: -27px; left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(28px); } .RichText_main__CBZBw .bullet { color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content__HxUt4 { position: relative; } .RichText_main__CBZBw .RichText_subnote__X4wQx { font-size: 12px; line-height: 18px; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_list__slC_A li { position: relative; } .RichText_main__CBZBw .RichText_list__slC_A li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A li:not(:last-of-type) { margin-bottom: 24px; } .RichText_main--light__hngdL { color: var(--essilor-color-white); } .RichText_main--dark__Lcdv2 { color: var(--essilor-color-black); } .RichText_main--left__3nPRy { text-align: left; } .RichText_main--right__AA2XR { text-align: right; } .RichText_main--center__bLzhy { text-align: center; } .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_kicker__lT2B5 { margin-bottom: 8px; } .RichText_main__CBZBw .RichText_header__9jaT5 { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_header--block-text-small__4apS5 { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob { background-clip: text; -webkit-text-fill-color: transparent; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a { position: unset; opacity: unset; left: unset; vertical-align: unset; margin-left: 0.1em; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a sup { top: unset; position: unset; vertical-align: super; } .RichText_main__CBZBw .RichText_content--highlight-text__h5hw3 { font-weight: 400; } .RichText_main__CBZBw .RichText_content__HxUt4 ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_content__HxUt4 ul .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_content__HxUt4 ul li { position: relative; } .RichText_main__CBZBw .RichText_content__HxUt4 ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content--list-small__KyGKZ ul li:not(:last-of-type), .RichText_main__CBZBw .RichText_content__HxUt4 ul li:not(:last-of-type) { margin-bottom: 7px; } @media (max-width: 768px) { .RichText_main__CBZBw .RichText_header__9jaT5, .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 16px; list-style-type: none; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(-16px); } .RichText_main__CBZBw .RichText_list__slC_A li::before { top: 6px; left: -17px; width: 8px; height: 8px; } } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t { position: relative; width: 100%; min-height: 150px; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t video { max-width: 589px; max-height: 331px; height: auto; width: 100%; border-radius: 6px; cursor: pointer; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t .VideoPlayer_play__Xw2Jt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; pointer-events: none; } .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC { width: fit-content; position: relative; margin: auto; display: flex; } @media (max-width: 834px) { .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC video { max-width: unset; max-height: unset; } } .InstagramEmbed_main__oZSY_ { padding-bottom: 89%; height: 0px; background-color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 80%; } } @media (max-width: 425px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 100%; } } @media (max-width: 359px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 120%; } } .InstagramEmbed_main__oZSY_ iframe { left: auto !important; width: auto !important; border: 1px solid rgb(219, 219, 219) !important; margin: 0px !important; min-width: 0px !important; } .VideoIFramePlayer_main___tUk3 { overflow: hidden; padding-bottom: 56.326%; position: relative; height: auto; background-color: rgb(255, 255, 255); } .VideoIFramePlayer_main___tUk3 iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; border: none; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U { max-width: calc(var(--max-full-width)); margin: auto; align-items: center; display: flex; flex-direction: row; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_regular__5RPVP { min-height: 648px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_xs__wjdMT { min-height: 310px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB { flex-direction: row-reverse; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB .TextVisual_right__WWijY { padding-left: 3%; padding-right: 126px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_title__ICaKw { margin-bottom: 24px; line-height: 68px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U li { padding-left: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { flex: 1 1 auto; max-width: clamp(0%, 58%, 810px); } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 { flex: 1 1 auto; display: flex; flex-direction: row; height: 250px; width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 .TextVisual_imageWrapper__ziMNx { width: 384px; margin-left: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC { flex: 1 1 auto; display: flex; flex-direction: row; width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC .TextVisual_imageWrapper__ziMNx { width: 384px; margin-left: auto; border-radius: 10px; height: auto; overflow: hidden; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_intgrmtext__CcsMG { padding-left: 0px !important; padding-right: 0px !important; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right__WWijY { max-width: 730px; display: flex; align-items: center; padding-left: 126px; padding-right: 3%; width: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-xs__Ch5Bo { width: 100%; display: flex; align-items: center; padding-left: 30px; padding-right: 3%; height: 150px; margin-top: 40px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-compact__7IYEI { width: 100%; display: flex; align-items: center; padding-left: 20px; padding-right: 3%; height: 150px; margin-top: 20px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_imageWrapper__ziMNx { display: flex; height: 100%; align-items: center; justify-content: center; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY { height: 100%; max-height: 648px; overflow: hidden; background-color: rgb(255, 255, 255); display: grid; align-items: center; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY video { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY .TextVisual_player__3cgZc { border-radius: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY .TextVisual_embed__Be_Vu { padding-bottom: 80%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_wrapper__sULft { max-width: 385px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_content__UqF6h { line-height: 26px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_footnote__fbjix { margin-top: 1.8em; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_cta__rLBlf { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; } @media (max-width: 1253px) { .TextVisual_main__CPp7m .TextVisual_contents__rfv8U { min-height: unset; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right__WWijY { margin: 32px 24px 0px; padding-left: 0px; padding-right: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_wrapper__sULft { max-width: 700px; margin: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY video { padding: 11.879% 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB .TextVisual_right__WWijY { margin: 0px 24px 32px; padding-left: 0px; padding-right: 0px; } } @media (max-width: 768px) { .TextVisual_main__CPp7m .TextVisual_contents__rfv8U { flex-direction: column; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB { flex-direction: column-reverse; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_regular__5RPVP { min-height: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { max-width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 { flex: 1 1 auto; display: flex; flex-direction: column; height: auto; width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 .TextVisual_imageWrapper__ziMNx { height: 100%; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; width: 100%; height: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC .TextVisual_imageWrapper__ziMNx { align-self: center; width: 90%; margin: auto; border-radius: 5px; height: 100%; overflow: hidden; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-compact__7IYEI { margin-top: 30px; padding-left: 30px; padding-right: 30px; } } @media (max-width: 425px) { .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_title__ICaKw { line-height: 42px; font-size: 32px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_content__UqF6h { line-height: 24px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { max-width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; width: 100%; height: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC .TextVisual_imageWrapper__ziMNx { align-self: center; width: 88%; margin: auto; border-radius: 5px; height: 100%; overflow: hidden; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-compact__7IYEI { margin-top: 50px; } } .FeatureImageDescriptionRight_main___Wfi4 { padding: 120px 0px; } @media (max-width: 768px) { .FeatureImageDescriptionRight_main___Wfi4 { padding: 56px 0px; } } /* ===== https://www.essilor.com/_next/static/css/1b36310444adda6b.css ===== */ .RichText_main__CBZBw { max-width: var(--max-width); } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A, .RichText_main__CBZBw[dir="rtl"] ul { padding-right: 28px; padding-left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A li::before, .RichText_main__CBZBw[dir="rtl"] ul li::before { right: -27px; left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(28px); } .RichText_main__CBZBw .bullet { color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content__HxUt4 { position: relative; } .RichText_main__CBZBw .RichText_subnote__X4wQx { font-size: 12px; line-height: 18px; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_list__slC_A li { position: relative; } .RichText_main__CBZBw .RichText_list__slC_A li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A li:not(:last-of-type) { margin-bottom: 24px; } .RichText_main--light__hngdL { color: var(--essilor-color-white); } .RichText_main--dark__Lcdv2 { color: var(--essilor-color-black); } .RichText_main--left__3nPRy { text-align: left; } .RichText_main--right__AA2XR { text-align: right; } .RichText_main--center__bLzhy { text-align: center; } .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_kicker__lT2B5 { margin-bottom: 8px; } .RichText_main__CBZBw .RichText_header__9jaT5 { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_header--block-text-small__4apS5 { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob { background-clip: text; -webkit-text-fill-color: transparent; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a { position: unset; opacity: unset; left: unset; vertical-align: unset; margin-left: 0.1em; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a sup { top: unset; position: unset; vertical-align: super; } .RichText_main__CBZBw .RichText_content--highlight-text__h5hw3 { font-weight: 400; } .RichText_main__CBZBw .RichText_content__HxUt4 ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_content__HxUt4 ul .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_content__HxUt4 ul li { position: relative; } .RichText_main__CBZBw .RichText_content__HxUt4 ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content--list-small__KyGKZ ul li:not(:last-of-type), .RichText_main__CBZBw .RichText_content__HxUt4 ul li:not(:last-of-type) { margin-bottom: 7px; } @media (max-width: 768px) { .RichText_main__CBZBw .RichText_header__9jaT5, .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 16px; list-style-type: none; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(-16px); } .RichText_main__CBZBw .RichText_list__slC_A li::before { top: 6px; left: -17px; width: 8px; height: 8px; } } .TipsDynamic_main__HKCR5 { padding: 96px 0px; margin: auto; } .TipsDynamic_main__HKCR5.TipsDynamic_dark__aLHMH { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; } .TipsDynamic_main__HKCR5.TipsDynamic_dark__aLHMH * { color: var(--essilor-color-white); } .TipsDynamic_main__HKCR5.TipsDynamic_dark__aLHMH * a { color: var(--essilor-color-blue); } .TipsDynamic_main__HKCR5 .title-header { line-height: 1.25; letter-spacing: -0.03em; } .TipsDynamic_main__HKCR5 .TipsDynamic_wrapper__6RYWO { padding: 0px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; max-width: 840px; } .TipsDynamic_main__HKCR5 .TipsDynamic_wrapper__6RYWO .TipsDynamic_cta__YsulH { margin-top: 36px; align-self: flex-start; } @media (max-width: 1253px) { .TipsDynamic_main__HKCR5 { padding: 56px 0px; } } /* ===== https://www.essilor.com/_next/static/css/367a3a93bc6097b6.css ===== */ .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t { position: relative; width: 100%; min-height: 150px; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t video { max-width: 589px; max-height: 331px; height: auto; width: 100%; border-radius: 6px; cursor: pointer; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t .VideoPlayer_play__Xw2Jt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; pointer-events: none; } .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC { width: fit-content; position: relative; margin: auto; display: flex; } @media (max-width: 834px) { .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC video { max-width: unset; max-height: unset; } } .InstagramEmbed_main__oZSY_ { padding-bottom: 89%; height: 0px; background-color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 80%; } } @media (max-width: 425px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 100%; } } @media (max-width: 359px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 120%; } } .InstagramEmbed_main__oZSY_ iframe { left: auto !important; width: auto !important; border: 1px solid rgb(219, 219, 219) !important; margin: 0px !important; min-width: 0px !important; } .VideoIFramePlayer_main___tUk3 { overflow: hidden; padding-bottom: 56.326%; position: relative; height: auto; background-color: rgb(255, 255, 255); } .VideoIFramePlayer_main___tUk3 iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; border: none; } .HeroBannerStatic_main__jK27u { position: relative; height: var(--full-height); min-height: 550px; z-index: 1; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-left: 16px; margin-right: 0px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { margin-right: auto; max-width: 550px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG span { gap: 10px; } .HeroBannerStatic_main__jK27u.HeroBannerStatic_dark__HAp43::before { content: ""; position: var(--position); left: 0px; top: 0px; width: 100%; height: var(--full-height); background-image: ; background-position-x: ; background-position-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; background-size: cover; z-index: -1; } .HeroBannerStatic_main__jK27u.HeroBannerStatic_fixed__cSb_F::before { top: 64px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM { height: var(--full-height); min-height: 550px; max-width: calc(var(--max-full-width)); padding: 20px 0px; margin: auto; display: flex; align-items: center; position: relative; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM.HeroBannerStatic_fixed__cSb_F { position: fixed; top: 64px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 0; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ { pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ .HeroBannerStatic_video__RYfCG { border-radius: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_videoBackground__G27TJ .HeroBannerStatic_video__RYfCG video { border-radius: 0px; max-width: unset; max-height: unset; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV .HeroBannerStatic_imageWrapper__D7dEj { position: relative; height: 100%; width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_background__z0gaV .HeroBannerStatic_gradientOverlay__ipeQ5 { background: var(--essilor-color-filter); height: inherit; width: 100%; position: absolute; top: 0px; left: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw { width: 100%; max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; z-index: 2; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw.HeroBannerStatic_addPadding__wBf4r { padding: 0px 24px 70px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs { margin-right: auto; max-width: 550px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR { font-weight: 700; color: var(--essilor-color-white); margin-bottom: 8px; display: flex; align-items: center; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { display: flex; align-items: center; margin-right: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_longText__Qzpjs { color: var(--essilor-color-white); display: -webkit-box; -webkit-line-clamp: var(--line-clamp); -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 834px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_longText__Qzpjs { -webkit-line-clamp: var(--line-clamp-mobile); } } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_logo____AD2 { margin-bottom: 16px; display: flex; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { color: var(--essilor-color-white); max-width: 500px; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: var(--title-clamp); -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 425px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { -webkit-line-clamp: var(--title-clamp-mobile); } } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { max-width: 700px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { width: fit-content; margin-top: 32px; height: auto; display: flex; flex-flow: row wrap; gap: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG { white-space: nowrap; width: fit-content; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX .HeroBannerStatic_button__LKWuG span { display: flex; flex-wrap: wrap; gap: 5px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_locator__RKLOz { margin-top: 32px; width: 400px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_smallText__Ma6r_ { color: var(--essilor-color-grey-40); margin-top: 50px; } @media (max-width: 1920px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 1253px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM.HeroBannerStatic_fixed__cSb_F, .HeroBannerStatic_main__jK27u.HeroBannerStatic_fixed__cSb_F::before { top: 56px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { flex-direction: var(--cta-alignment); } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 834px) { .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-left: 8px; margin-right: 0px; } .HeroBannerStatic_main__jK27u[dir="rtl"] .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { flex-direction: column; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_logo____AD2 { margin-bottom: 8px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_subTitle__tMJWR .HeroBannerStatic_icon__f4qQU { margin-right: 8px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title2__MPlRC, .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_content__B1pEs .HeroBannerStatic_title__ILTOI { font-size: 32px; line-height: 42px; letter-spacing: 0px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_cta__x02FX { margin-top: 16px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } @media (max-width: 425px) { .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO { max-width: 400px; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_wrapper___K0OM .HeroBannerStatic_contentWrapper__qQThw .HeroBannerStatic_ctaWrapper__vBLoO .HeroBannerStatic_locator__RKLOz { width: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ div { height: 100%; } .HeroBannerStatic_main__jK27u .HeroBannerStatic_videoBackground__G27TJ video { object-fit: cover; } } .LensProgress_main__6qj18[dir="rtl"] .LensProgress_links__jCvrm .LensProgress_link__6dLql { padding-right: 24px; padding-left: 0px; } .LensProgress_main__6qj18[dir="rtl"] .LensProgress_links__jCvrm .LensProgress_link__6dLql::before { right: 0px; left: unset; } .LensProgress_main__6qj18[dir="rtl"] .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo { padding-right: 32px; padding-left: 0px; } .LensProgress_main__6qj18[dir="rtl"] .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo::before { right: -8px; left: unset; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm { list-style-type: none; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql { position: relative; padding-left: 24px; user-select: none; cursor: pointer; transition: all 0.25s ease 0s; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql:not(:last-of-type) { margin-bottom: 16px; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql a { opacity: 1; color: var(--essilor-color-grey-80); } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql:hover { opacity: 1; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql:hover a { color: var(--essilor-color-black); } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql:hover::before { height: 16px; width: 16px; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql::before { content: ""; position: absolute; left: 0px; top: 0.75em; transform: translateY(-50%); height: 8px; width: 8px; background-color: var(--essilor-color-marine); border-radius: 50%; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo { padding-left: 32px; opacity: 1; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo a { color: var(--essilor-color-black); } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo ~ li a, .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo ~ li::before { opacity: 0.4; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo:not(:last-of-type) { margin-bottom: 20px; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_active__VlEzo::before { width: 24px; height: 24px; left: -8px; } .LensProgress_main__6qj18 .LensProgress_links__jCvrm .LensProgress_link__6dLql.LensProgress_disable__NIOgH { pointer-events: none; } .BrandNavigationRTL_secondary__Z2_9R { height: 64px; width: 100%; position: relative; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi { height: fit-content; width: fit-content; align-self: center; margin-right: auto; display: flex; align-items: center; margin-left: 61px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw a { color: var(--essilor-color-white); } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw.BrandNavigationRTL_icon__kvrkw p { margin-left: 16px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw svg { margin-right: 16px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi .BrandNavigationRTL_storelocator__mG4tw button { min-height: 40px; padding: 0px 24px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh { height: 64px; width: 100%; background-color: var(--essilor-color-white); z-index: 2; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 2px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content__d23VL { max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; display: flex; align-items: center; height: 100%; transition: opacity 0.5s ease 0s; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content--hidden__WJ85F { opacity: 0; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content__d23VL .BrandNavigationRTL_logo__vLtf_ span { vertical-align: middle; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 { align-items: center; justify-content: space-between; height: 100%; padding: 0px 24px 0px 0px; display: none; text-transform: capitalize; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 .BrandNavigationRTL_logo__vLtf_ { display: flex; align-items: center; margin-left: 64px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 .BrandNavigationRTL_logo__vLtf_ span { vertical-align: middle; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh.BrandNavigationRTL_fixed__uwBKL { width: 100%; position: fixed; top: 0px; left: 0px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_links__ZrgQG { list-style-type: none; display: flex; align-items: center; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li { font-weight: 400; user-select: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li a { color: var(--essilor-color-black); } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li a:hover { font-weight: inherit; color: var(--essilor-color-marine); } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li:not(:last-of-type) { margin-left: 32px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li.BrandNavigationRTL_active__ku5Lz { font-weight: 700; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li.BrandNavigationRTL_logo__vLtf_ { display: flex; align-items: center; margin-left: 64px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh li.BrandNavigationRTL_disable__DqtxA { pointer-events: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl { position: relative; width: 100%; height: 100%; cursor: pointer; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_toggle__ZXjsj { height: 100%; width: 100%; transition: all 0.25s ease 0s; padding-left: 20px; display: flex; align-items: center; justify-content: flex-end; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl svg { pointer-events: none; transition: all 0.25s ease 0s; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_icon-show__YAtwv { z-index: 1 !important; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_icon-hide__lv578 { z-index: 0 !important; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_dropdown__I0zrl .BrandNavigationRTL_toggle-div__MzVXy { position: absolute; display: flex; align-items: center; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq { position: absolute; top: 64px; left: 0px; width: 100%; height: fit-content; z-index: 2; overflow-y: auto; background-color: var(--essilor-color-white); box-shadow: rgba(1, 14, 61, 0.12) 0px 16px 16px; padding: 24px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq ul { list-style-type: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq ul li:not(:last-of-type) { margin-bottom: 16px; } @media (max-width: 1253px) { .BrandNavigationRTL_secondary__Z2_9R { height: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_buttons__jeFUi { display: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh { height: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh.BrandNavigationRTL_lens__6pOI2 { top: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh.BrandNavigationRTL_lens__6pOI2 .BrandNavigationRTL_label__H4y06 { flex-shrink: 0; font-weight: 700; font-size: 14px; padding-left: 1em; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content__d23VL { display: none; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_linkDropdown__St_Hq { top: 56px; } .BrandNavigationRTL_secondary__Z2_9R .BrandNavigationRTL_wrapper__t5_Hh .BrandNavigationRTL_content-mobile__2bnl2 { display: flex; } } .BrandNavigation_secondary__PLF_v { height: 64px; width: 100%; position: relative; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra { height: fit-content; width: fit-content; align-self: center; margin-left: auto; display: flex; align-items: center; margin-right: 61px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW a { color: var(--essilor-color-white); } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW.BrandNavigation_icon__myGbL p { margin-right: 16px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW svg { margin-left: 16px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra .BrandNavigation_storelocator__t7zLW button { min-height: 40px; padding: 0px 24px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE { height: 64px; width: 100%; background-color: var(--essilor-color-white); z-index: 2; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 2px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content__qEkci { max-width: calc(var(--max-width) + 48px); padding: 0px 24px; margin: auto; display: flex; align-items: center; height: 100%; transition: opacity 0.5s ease 0s; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content--hidden__WSMPy { opacity: 0; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content__qEkci .BrandNavigation_logo__mweYy span { vertical-align: middle; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw { align-items: center; justify-content: space-between; height: 100%; padding: 0px 0px 0px 24px; display: none; text-transform: capitalize; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw .BrandNavigation_logo__mweYy { display: flex; align-items: center; margin-right: 64px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw .BrandNavigation_logo__mweYy span { vertical-align: middle; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_fixed__DIV8z { width: 100%; position: fixed; top: 0px; left: 0px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_fixed__DIV8z.BrandNavigation_tbadjust__ppXLx { top: 40px; margin-top: 0px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_links__siJ98 { list-style-type: none; display: flex; align-items: center; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li { font-weight: 400; user-select: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li a { color: var(--essilor-color-black); } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li a:hover { font-weight: inherit; color: var(--essilor-color-marine); } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li:not(:last-of-type) { margin-right: 32px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li.BrandNavigation_active__x9H7w { font-weight: 700; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li.BrandNavigation_logo__mweYy { display: flex; align-items: center; margin-right: 64px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE li.BrandNavigation_disable__Bk94n { pointer-events: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a { position: relative; width: 100%; height: 100%; cursor: pointer; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_toggle__gjY76 { height: 100%; width: 100%; transition: all 0.25s ease 0s; padding-right: 26px; display: flex; align-items: center; justify-content: flex-end; position: relative; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a svg { pointer-events: none; transition: all 0.25s ease 0s; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_icon-show___eiMp { z-index: 1 !important; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_icon-hide__Zjr49 { z-index: 0 !important; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_dropdown__X8G4a .BrandNavigation_toggle-div__yRPcl { position: absolute; display: flex; align-items: center; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 { position: absolute; top: 64px; left: 0px; width: 100%; height: fit-content; z-index: 2; overflow-y: auto; background-color: var(--essilor-color-white); box-shadow: rgba(1, 14, 61, 0.12) 0px 16px 16px; padding: 24px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 ul { list-style-type: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 ul li:not(:last-of-type) { margin-bottom: 16px; } @media (max-width: 1253px) { .BrandNavigation_secondary__PLF_v { height: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_buttons__CN4ra { display: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE { height: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_fixed__DIV8z.BrandNavigation_tbadjust__ppXLx { top: 45px; margin-top: 0px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_lens__9eSYx { top: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE.BrandNavigation_lens__9eSYx .BrandNavigation_label__4uFE4 { flex-shrink: 0; font-weight: 700; font-size: 14px; padding-right: 1em; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content__qEkci { display: none; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_linkDropdown__7FjF8 { top: 56px; } .BrandNavigation_secondary__PLF_v .BrandNavigation_wrapper___lzPE .BrandNavigation_content-mobile__oIycw { display: flex; } } .LensPreview_main__n7E5W { position: sticky; top: 150px; padding-top: 110px; z-index: 9; min-height: 100vh; transition: padding-top 0.3s ease 0s; } .LensPreview_main__n7E5W.LensPreview_scrolled__wMFxK { padding-top: 110px; } .LensPreview_main__n7E5W[dir="rtl"] .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_progress___i30m { right: 10px; left: unset; } .LensPreview_main__n7E5W .LensPreview_content__myt87 { position: relative; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_progress___i30m { max-width: 154px; width: 100%; height: 100%; position: absolute; top: 0px; left: 10px; z-index: 1; display: flex; align-items: center; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_preview__qypJR { width: 100%; margin-left: auto; position: relative; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_mobile-nav__Fs1Yk { position: fixed; left: 0px; top: 56px; width: 100%; z-index: 9; display: none; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_lens__jw5l2 { position: relative; width: 570px; height: 570px; margin: auto; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_lens__jw5l2 .LensPreview_lens-all__S77ZH { position: absolute; height: 100%; width: 100%; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_lens__jw5l2 .LensPreview_lens-all__S77ZH .LensPreview_image-wrapper__u_b1j { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_left__vkBFQ .LensPreview_lens__jw5l2 .LensPreview_lens-selected__n5jRi { position: absolute; height: 100%; width: 100%; } @media (max-width: 1253px) { .LensPreview_main__n7E5W { position: relative; top: 0px; padding-top: 0px; min-height: unset; } .LensPreview_main__n7E5W.LensPreview_scrolled__wMFxK { padding-top: 0px; } .LensPreview_main__n7E5W .LensPreview_content__myt87 { display: block; padding-top: 32px; padding-bottom: 32px; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_progress___i30m { display: none; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR { margin: auto; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_mobile-nav__Fs1Yk { display: block; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_lens__jw5l2 { left: 0px; width: 100%; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_lens__jw5l2 .LensPreview_lens-all__S77ZH, .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_lens__jw5l2 .LensPreview_lens-selected__n5jRi { display: flex; justify-content: center; } .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_progress___i30m { display: none; } } @media (max-width: 768px) { .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_lens__jw5l2 { height: 400px; } } @media (max-width: 425px) { .LensPreview_main__n7E5W .LensPreview_content__myt87 .LensPreview_preview__qypJR .LensPreview_lens__jw5l2 { height: 342px; } } .DropdownFallback_main__x5ozS { position: relative; font-size: 14px; } .DropdownFallback_main__x5ozS.DropdownFallback_complete__gD77b .DropdownFallback_label__qkbUv, .DropdownFallback_main__x5ozS.DropdownFallback_error__l1v8p .DropdownFallback_label__qkbUv, .DropdownFallback_main__x5ozS.DropdownFallback_error__l1v8p .DropdownFallback_label__qkbUv.DropdownFallback_focused__BKVKa { box-shadow: unset; } .DropdownFallback_main__x5ozS.DropdownFallback_disabled__9GTM8 { pointer-events: none; } .DropdownFallback_main__x5ozS .DropdownFallback_label__qkbUv { height: 40px; border-radius: 6px; background-color: rgba(188, 184, 184, 0.5); padding: 8px 46.72px 8px 16px; user-select: none; cursor: pointer; transition: box-shadow 0.15s ease 0s; overflow: hidden; text-overflow: ellipsis; } .DropdownFallback_main__x5ozS .DropdownFallback_label__qkbUv .DropdownFallback_placeholder__9eGPd { color: var(--essilor-color-white); pointer-events: none; } .DropdownFallback_main__x5ozS .DropdownFallback_label__qkbUv.DropdownFallback_focused__BKVKa { box-shadow: unset; } .DropdownFallback_main__x5ozS .DropdownFallback_arrow__hs3o2 { position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: all 0.15s ease 0s; user-select: none; height: fit-content; pointer-events: none; } .DropdownFallback_main__x5ozS .DropdownFallback_arrow__hs3o2.DropdownFallback_open__056bq { transform: translateY(-50%) rotate(180deg); } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs { background-color: rgb(117, 114, 114); border-radius: 6px; position: absolute; width: 100%; height: fit-content; top: 0px; z-index: 1; max-height: 213px; overflow: auto; } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs .DropdownFallback_item__Hpyyo { pointer-events: all; padding: 8px 16px; cursor: pointer; user-select: none; } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs .DropdownFallback_item__Hpyyo:first-of-type { padding-top: 8px; } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs .DropdownFallback_item__Hpyyo:last-of-type { padding-bottom: 6px; } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs .DropdownFallback_item__Hpyyo:hover { background: rgb(189, 185, 185); } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs .DropdownFallback_item__Hpyyo:focus { background: rgb(189, 185, 185); outline: none; } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs::-webkit-scrollbar { width: 19px; border-radius: 6px; background-color: rgb(117, 114, 114); } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs::-webkit-scrollbar-track { margin: 6px 0px; } .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs::-webkit-scrollbar-thumb { background-color: rgb(217, 217, 217); } @media (max-width: 1253px) { .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs .DropdownFallback_item__Hpyyo:last-of-type { padding-bottom: 8px; } } @media (max-width: 768px) { .DropdownFallback_main__x5ozS .DropdownFallback_list__Y89hs { max-height: 200px; } } .Dropdown_main__yZlns { position: relative; } .Dropdown_main__yZlns[dir="rtl"] .Dropdown_label__c5yIa { padding: 11px 16px 11px 46.72px; } .Dropdown_main__yZlns[dir="rtl"] .Dropdown_arrow__HNQhO { left: 20px; right: unset; } .Dropdown_main__yZlns.Dropdown_complete__dLhnl .Dropdown_label__c5yIa { box-shadow: 0 0 0 2px var(--essilor-color-marine); } .Dropdown_main__yZlns.Dropdown_error__rjtwE .Dropdown_label__c5yIa, .Dropdown_main__yZlns.Dropdown_error__rjtwE .Dropdown_label__c5yIa.Dropdown_focused__h6BJz { box-shadow: 0 0 0 2px var(--essilor-color-fuxschia); } .Dropdown_main__yZlns .Dropdown_label__c5yIa { height: 48px; border-radius: 30px; box-shadow: 0 0 0 1px var(--essilor-color-grey-20); background-color: var(--essilor-color-white); padding: 11px 46.72px 11px 16px; user-select: none; cursor: pointer; transition: box-shadow 0.15s ease 0s; overflow: hidden; text-overflow: ellipsis; } .Dropdown_main__yZlns .Dropdown_label__c5yIa .Dropdown_placeholder__NiMvL { color: var(--essilor-color-grey-60); pointer-events: none; } .Dropdown_main__yZlns .Dropdown_label__c5yIa.Dropdown_focused__h6BJz { box-shadow: 0 0 0 2px var(--essilor-color-marine); } .Dropdown_main__yZlns .Dropdown_arrow__HNQhO { position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: all 0.15s ease 0s; user-select: none; height: fit-content; pointer-events: none; } .Dropdown_main__yZlns .Dropdown_arrow__HNQhO.Dropdown_open__i0lyc { transform: translateY(-50%) rotate(180deg); } .Dropdown_main__yZlns .Dropdown_list__4kUC8 { background-color: var(--essilor-color-white); border-radius: 6px; box-shadow: rgba(1, 14, 61, 0.08) 0px 0px 24px; position: absolute; width: 100%; height: fit-content; top: 58px; z-index: 1; max-height: 350px; overflow: auto; } .Dropdown_main__yZlns .Dropdown_list__4kUC8 .Dropdown_item__6KBl6 { pointer-events: all; padding: 8px 16px; cursor: pointer; user-select: none; } .Dropdown_main__yZlns .Dropdown_list__4kUC8 .Dropdown_item__6KBl6:first-of-type { padding-top: 16px; } .Dropdown_main__yZlns .Dropdown_list__4kUC8 .Dropdown_item__6KBl6:last-of-type { padding-bottom: 16px; } .Dropdown_main__yZlns .Dropdown_list__4kUC8 .Dropdown_item__6KBl6:hover { background: var(--essilor-color-grey-10); } .Tip_main__Zc49L[dir="rtl"] .Tip_content__fpPQT ul li { padding-right: 28px; padding-left: 0px; } .Tip_main__Zc49L[dir="rtl"] .Tip_content__fpPQT ul li::before { right: 0px; left: unset; } .Tip_main__Zc49L .Tip_content__fpPQT { width: 100%; max-width: 792px; margin: auto; } .Tip_main__Zc49L .Tip_content__fpPQT .Tip_header__mYtgo { margin-bottom: 48px; text-align: center; } .Tip_main__Zc49L .Tip_content__fpPQT ul { list-style-type: none; margin-top: 6.66667px; } .Tip_main__Zc49L .Tip_content__fpPQT ul li { position: relative; padding-left: 28px; margin-bottom: 6.66667px; } .Tip_main__Zc49L .Tip_content__fpPQT ul li::before { content: ""; position: absolute; left: 0px; top: 7px; height: 12px; width: 12px; background-color: var(--essilor-color-marine); border-radius: 50%; } @media (max-width: 1253px) { .Tip_main__Zc49L .Tip_content__fpPQT .Tip_header__mYtgo { margin-bottom: 32px; } } .Modal_main__tYf2m .Modal_overlay__QeMdN { background-color: var(--essilor-color-black); opacity: 0.7; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; } .Modal_main__tYf2m .Modal_wrapper__ByFt8 { max-width: 996px; width: 100%; max-height: 100vh; background-color: var(--essilor-color-white); padding: 48px 24px; overflow: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; border-radius: 6px; } .Modal_main__tYf2m .Modal_wrapper__ByFt8 .Modal_close__dxiZj { position: absolute; top: 32px; left: 32px; cursor: pointer; display: flex; } .Modal_main__tYf2m .Modal_wrapper__ByFt8::-webkit-scrollbar { width: 6px; } .Modal_main__tYf2m .Modal_wrapper__ByFt8::-webkit-scrollbar-track { background: var(--essilor-color-marine-20); } .Modal_main__tYf2m .Modal_wrapper__ByFt8::-webkit-scrollbar-thumb { background: var(--essilor-color-black); border-radius: 6px; } @media (max-width: 1253px) { .Modal_main__tYf2m .Modal_wrapper__ByFt8 { height: 100%; max-width: 100%; border-radius: 0px; } } .StepInfo_main__xnZmt .StepInfo_label__1ZWMD { margin-bottom: 32px; } .StepInfo_main__xnZmt .StepInfo_label__1ZWMD .StepInfo_question__qO0O4 { font-weight: 700; } .StepInfo_main__xnZmt .StepInfo_label__1ZWMD .StepInfo_tip__vJH_2 { margin-top: 8px; border-radius: 0px; } .StepInfo_main__xnZmt .StepInfo_label__1ZWMD .StepInfo_link__8faFH { min-height: 26px; } .StepInfo_main__xnZmt .StepInfo_label__1ZWMD .StepInfo_link__8faFH button { padding-right: 3px; border-radius: 0px; } @media (max-width: 1253px) { .StepInfo_main__xnZmt .StepInfo_label__1ZWMD { margin-bottom: 24px; } } .StepTypeOne_main___QQ7m { padding-bottom: 48px; margin-bottom: 48px; position: relative; } .StepTypeOne_main___QQ7m.StepTypeOne_active__65RWX { margin-bottom: 0px !important; } .StepTypeOne_main___QQ7m.StepTypeOne_active__65RWX::after { display: none; } .StepTypeOne_main___QQ7m .StepTypeOne_dropdown__juPQv { max-width: 100%; } .StepTypeOne_main___QQ7m::after { content: ""; height: 1px; width: 100%; background-color: var(--essilor-color-grey-20); position: absolute; bottom: 0px; left: 0px; } @media (max-width: 1253px) { .StepTypeOne_main___QQ7m { padding-bottom: 32px; margin-bottom: 32px; } } .SimpleCard_main__q859K { padding: 32px 33px; background-color: var(--essilor-color-white); font-weight: 700; text-align: center; box-shadow: 0 0 0 2px var(--essilor-color-grey-20); border-radius: 6px; user-select: none; cursor: pointer; transition: border 0.15s ease 0s; display: flex; align-items: center; justify-content: center; width: 100%; } .SimpleCard_main__q859K:hover { box-shadow: 0 0 0 2px var(--essilor-color-blue); } .SimpleCard_main__q859K.SimpleCard_active__hpAos { box-shadow: 0 0 0 2px var(--essilor-color-marine); } @media (max-width: 834px) { .SimpleCard_main__q859K { padding: 24px 16px; } } .StepTypeTwo_main__LhliM { padding-bottom: 48px; margin-bottom: 48px; position: relative; } .StepTypeTwo_main__LhliM.StepTypeTwo_active__6Z8dl { margin-bottom: 0px !important; } .StepTypeTwo_main__LhliM.StepTypeTwo_active__6Z8dl::after { display: none; } .StepTypeTwo_main__LhliM::after { content: ""; height: 1px; width: 100%; background-color: var(--essilor-color-grey-20); position: absolute; bottom: 0px; left: 0px; } .StepTypeTwo_main__LhliM .StepTypeTwo_simple-card-grid__WTpTd { display: grid; gap: 24px; height: 100%; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); } @media (max-width: 1253px) { .StepTypeTwo_main__LhliM { padding-bottom: 32px; margin-bottom: 32px; } .StepTypeTwo_main__LhliM .StepTypeTwo_simple-card-grid__WTpTd { gap: 16px; } } @media (max-width: 834px) { .StepTypeTwo_main__LhliM .StepTypeTwo_simple-card-grid__WTpTd { grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); } } .ProductCard_main__43iEV { background-color: var(--essilor-color-white); border: 2px solid var(--essilor-color-grey-20); border-radius: 6px; min-height: 163px; width: 100%; padding: 32px; cursor: pointer; user-select: none; transition: border 0.15s ease 0s; } .ProductCard_main__43iEV.ProductCard_rtl__VYmph .ProductCard_row-1__R6MF0 .ProductCard_subTitle__iT24s { margin-right: 32px; margin-left: 0px; } .ProductCard_main__43iEV.ProductCard_rtl__VYmph .ProductCard_row-2__ga5Jz .ProductCard_dropdown-label__GQ_X0 p { margin-left: 10px; margin-right: 0px; } .ProductCard_main__43iEV.ProductCard_rtl__VYmph .ProductCard_row-3__3gUjh ul li .ProductCard_icon-image__gcTz2, .ProductCard_main__43iEV.ProductCard_rtl__VYmph .ProductCard_row-3__3gUjh ul li .ProductCard_icon__x6OTN { margin-left: 16px; margin-right: 0px; } .ProductCard_main__43iEV p { overflow: hidden; text-overflow: ellipsis; } .ProductCard_main__43iEV:hover { border: 2px solid var(--essilor-color-blue); } .ProductCard_main__43iEV.ProductCard_active__EmKmB { border: 2px solid var(--essilor-color-marine); } .ProductCard_main__43iEV .ProductCard_open__TuRLV { transform: rotate(180deg); } .ProductCard_main__43iEV .ProductCard_row-1__R6MF0 { display: flex; align-items: flex-start; margin-bottom: 11px; pointer-events: none; } .ProductCard_main__43iEV .ProductCard_row-1__R6MF0 .ProductCard_logo__ltZxP { display: flex; } .ProductCard_main__43iEV .ProductCard_row-1__R6MF0 .ProductCard_subTitle__iT24s { background-color: var(--essilor-color-grey-10); font-size: 12px; max-width: 257px; margin-left: 32px; margin-top: 12px; padding: 4px 8px; line-height: 16px; } .ProductCard_main__43iEV .ProductCard_row-2__ga5Jz { width: fit-content; } .ProductCard_main__43iEV .ProductCard_row-2__ga5Jz .ProductCard_ripple__UED9c { border-radius: 25px; padding: 5px 10px; cursor: pointer; transform: translateX(-10px); } .ProductCard_main__43iEV .ProductCard_row-2__ga5Jz .ProductCard_dropdown-label__GQ_X0 { display: flex; color: var(--essilor-color-marine); user-select: none; pointer-events: none; } .ProductCard_main__43iEV .ProductCard_row-2__ga5Jz .ProductCard_dropdown-label__GQ_X0 p { margin-right: 10px; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh { overflow: hidden; transition: all 0.25s ease 0s; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul { list-style-type: none; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul li { display: flex; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul li .ProductCard_icon-image__gcTz2, .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul li .ProductCard_icon__x6OTN { margin-right: 16px; flex-shrink: 0; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul li .ProductCard_icon-image__gcTz2 { display: flex; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul li:not(:last-of-type) { margin-bottom: 16px; } .ProductCard_main__43iEV .ProductCard_row-3__3gUjh ul li:first-of-type { margin-top: 19px; } @media (max-width: 1253px) { .ProductCard_main__43iEV { padding: 24px 16px; min-height: 150px; } .ProductCard_main__43iEV .ProductCard_row-1__R6MF0 { flex-direction: column; align-items: flex-start; } .ProductCard_main__43iEV .ProductCard_row-1__R6MF0 .ProductCard_logo__ltZxP { margin-bottom: 8px; } .ProductCard_main__43iEV .ProductCard_row-1__R6MF0 .ProductCard_subTitle__iT24s { margin-left: 0px; margin-top: 0px; } } .StepTypeThree_main__uDI0m { padding-bottom: 48px; margin-bottom: 48px; position: relative; } .StepTypeThree_main__uDI0m.StepTypeThree_active__aKx8s { margin-bottom: 0px !important; } .StepTypeThree_main__uDI0m.StepTypeThree_active__aKx8s::after { display: none; } .StepTypeThree_main__uDI0m .StepTypeThree_wrapper___ghfE { display: grid; gap: 24px; } .StepTypeThree_main__uDI0m::after { content: ""; height: 1px; width: 100%; background-color: var(--essilor-color-grey-20); position: absolute; bottom: 0px; left: 0px; } @media (max-width: 1253px) { .StepTypeThree_main__uDI0m { padding-bottom: 32px; margin-bottom: 32px; } .StepTypeThree_main__uDI0m .StepTypeThree_wrapper___ghfE { gap: 16px; } .StepTypeThree_main__uDI0m .StepTypeThree_wrapper___ghfE img { object-position: left center; } } .ColorSelector_main__8SjAj { border: 2px solid var(--essilor-color-grey-20); padding: 2px; height: 48px; width: 48px; border-radius: 50%; overflow: hidden; cursor: pointer; transition: all 0.25s ease 0s; } .ColorSelector_main__8SjAj.ColorSelector_active__rsLlk { border-color: var(--essilor-color-marine); } .ColorSelector_main__8SjAj .ColorSelector_wrapper__a26h4 { height: 100%; width: 100%; border-radius: 50%; } @media (max-width: 834px) { .ColorSelector_main__8SjAj { height: 32px; width: 32px; } } .StepTypeFour_main__WDqnf { padding-bottom: 48px; margin-bottom: 48px; position: relative; scroll-margin-top: -194px; } .StepTypeFour_main__WDqnf.StepTypeFour_active__yFZcq { margin-bottom: 0px !important; } .StepTypeFour_main__WDqnf.StepTypeFour_active__yFZcq::after { display: none; } .StepTypeFour_main__WDqnf .StepTypeFour_label__PrBd9 { margin-bottom: 20px; font-size: 28px; line-height: 33.6px; } .StepTypeFour_main__WDqnf::after { content: ""; height: 1px; width: 100%; background-color: var(--essilor-color-grey-20); position: absolute; bottom: 0px; left: 0px; } .StepTypeFour_main__WDqnf .StepTypeFour_color-list__EUR4s { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); } @media (max-width: 1253px) { .StepTypeFour_main__WDqnf { padding-bottom: 32px; margin-bottom: 32px; } } @media (max-width: 834px) { .StepTypeFour_main__WDqnf .StepTypeFour_color-list__EUR4s { min-height: 32px; height: 100%; padding: 0px; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(32px, 1fr)); } } .BenefitsSummary_main__X_bjH[dir="rtl"] ul li { padding: 24px 40px 24px 0px; } .BenefitsSummary_main__X_bjH[dir="rtl"] ul li .BenefitsSummary_icon-image__zNAAT, .BenefitsSummary_main__X_bjH[dir="rtl"] ul li .BenefitsSummary_icon__OEgPg { right: 0px; left: unset; } .BenefitsSummary_main__X_bjH .BenefitsSummary_header__GOFJl { text-align: center; } .BenefitsSummary_main__X_bjH ul { list-style-type: none; max-width: 840px; padding: 0px 24px; margin: auto; } .BenefitsSummary_main__X_bjH ul li { position: relative; padding: 24px 0px 24px 40px; } .BenefitsSummary_main__X_bjH ul li .BenefitsSummary_label__DnRsc { font-weight: 700; margin-bottom: 8px; color: var(--essilor-color-purple); } .BenefitsSummary_main__X_bjH ul li .BenefitsSummary_icon-image__zNAAT, .BenefitsSummary_main__X_bjH ul li .BenefitsSummary_icon__OEgPg { position: absolute; left: 0px; top: 24px; } .BenefitsSummary_main__X_bjH ul li .BenefitsSummary_icon-image__zNAAT { display: flex; } .BenefitsSummary_main__X_bjH ul li:not(:last-of-type) { position: relative; } .BenefitsSummary_main__X_bjH ul li:not(:last-of-type)::after { content: ""; height: 1px; width: 100%; background-color: var(--essilor-color-grey-20); position: absolute; left: 0px; bottom: 0px; } @media (max-width: 834px) { .BenefitsSummary_main__X_bjH ul { padding: 0px; } } .ProductCardSummary_main__p42aU { padding: 32px 24px; display: grid; justify-content: center; align-items: center; flex-direction: column; border: 2px solid var(--essilor-color-marine); border-radius: 6px; box-shadow: var(--essilor-color-shadow); cursor: pointer; user-select: none; min-height: 124px; } .ProductCardSummary_main__p42aU .ProductCardSummary_tag__UyUOp { margin-bottom: 8px; text-align: center; } .ProductCardSummary_main__p42aU .ProductCardSummary_logo__9i0cz { display: flex; align-items: center; justify-content: center; } .ProductCardSummary_main__p42aU .ProductCardSummary_summary-tip__q_FQI .ProductCardSummary_header__xzazo { text-align: center; } @media (max-width: 834px) { .ProductCardSummary_main__p42aU { padding: 24px 48px; min-height: 116px; } } .StepSummary_main__fEwdN { padding-bottom: 48px; } .StepSummary_main__fEwdN[dir="rtl"] .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4 { padding-right: 28px; padding-left: 0px; } .StepSummary_main__fEwdN[dir="rtl"] .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4::before { right: 0px; left: unset; } .StepSummary_main__fEwdN label { font-weight: 700; } .StepSummary_main__fEwdN .StepSummary_header__PJsLG { margin-bottom: 32px; } .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k { list-style-type: none; margin-top: 6.66667px; } .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4 { position: relative; padding-left: 28px; margin-bottom: 48px; } .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4:not(:last-of-type) { margin-bottom: 16px; } .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4::before { content: ""; position: absolute; left: 0px; top: 7px; height: 12px; width: 12px; background-color: var(--essilor-color-marine); border-radius: 50%; } .StepSummary_main__fEwdN .StepSummary_product-card-summary__5cPYt { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; margin-bottom: 48px; } .StepSummary_main__fEwdN .StepSummary_cta__5Muar { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-bottom: 32px; } .StepSummary_main__fEwdN .StepSummary_cta__5Muar .StepSummary_email__b__sP .StepSummary_icon__5DFjw { margin-right: 8px; } .StepSummary_main__fEwdN .StepSummary_disclaimer__sCK_M { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 16px; } .StepSummary_main__fEwdN .StepSummary_postDisclaimer__gOGRl p { margin-bottom: 16px; } @media (max-width: 1253px) { .StepSummary_main__fEwdN { padding-bottom: 32px; } .StepSummary_main__fEwdN .StepSummary_header__PJsLG, .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k { margin-bottom: 24px; } .StepSummary_main__fEwdN .StepSummary_product-card-summary__5cPYt { margin-bottom: 32px; } .StepSummary_main__fEwdN .StepSummary_cta__5Muar { gap: 24px; grid-template-columns: 1fr; } .StepSummary_main__fEwdN .StepSummary_cta__5Muar .StepSummary_email__b__sP { margin: auto; grid-row: 2 / auto; } .StepSummary_main__fEwdN .StepSummary_cta__5Muar .StepSummary_locator__pej_b { margin: auto; width: 100%; } .StepSummary_main__fEwdN .StepSummary_cta__5Muar .StepSummary_locator__pej_b button { width: 100%; } } @media (max-width: 834px) { .StepSummary_main__fEwdN .StepSummary_product-card-summary__5cPYt { gap: 16px; grid-template-columns: 1fr; } .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4 { margin-bottom: 32px; } .StepSummary_main__fEwdN .StepSummary_list-summary__I9G0k .StepSummary_list-item__Ampi4:not(:last-of-type) { margin-bottom: 8px; } } .LensBuilder_header__lxsPb { padding: 64px 500px 24px 48px; text-align: left; max-width: calc(var(--max-width) + 48px); margin: auto; } @media (max-width: 1253px) { .LensBuilder_header__lxsPb { padding: 64px 24px 16px; } } @media (max-width: 834px) { .LensBuilder_header__lxsPb { padding: 64px 16px 16px; } } .LensBuilder_main__aiteX { max-width: calc(var(--max-width) + 48px); height: 100vh; overflow: hidden; padding: 0px 24px; margin: 0px auto 80px; display: grid; grid-template-columns: 486px 1fr; gap: 26px; } .LensBuilder_main__aiteX[dir="rtl"] .LensBuilder_steps__dLzKQ { margin-right: auto; margin-left: 0px; } .LensBuilder_main__aiteX .LensBuilder_preview__Iqxsi { width: 100%; margin-left: auto; position: relative; } .LensBuilder_main__aiteX .LensBuilder_steps__dLzKQ { max-width: 588px; padding: 0px 2px; overflow: scroll; margin-left: auto; width: 100%; } .LensBuilder_main__aiteX .LensBuilder_steps__dLzKQ .LensBuilder_steps__dLzKQ::-webkit-scrollbar { display: none; } .LensBuilder_main__aiteX .LensBuilder_steps__dLzKQ .LensBuilder_header__lxsPb { visibility: hidden; } @media (max-width: 1253px) { .LensBuilder_main__aiteX { grid-template-columns: 1fr; padding: 0px 23.5px; gap: 0px; height: unset; } .LensBuilder_main__aiteX .LensBuilder_preview__Iqxsi { width: 100%; } .LensBuilder_main__aiteX .LensBuilder_steps__dLzKQ { padding: 2px; max-width: 100%; } .LensBuilder_main__aiteX .LensBuilder_steps__dLzKQ .LensBuilder_header__lxsPb { display: none; } } @media (max-width: 834px) { .LensBuilder_main__aiteX { gap: 0px; height: unset; } } .Key_main__3Qsf8 { text-align: center; display: grid; } .Key_main__3Qsf8 .Key_header__9N9l6 { font-size: 160px; font-weight: 400; margin-bottom: 8px; overflow-wrap: break-word; word-break: break-word; background-clip: text; -webkit-text-fill-color: transparent; } .Key_main__3Qsf8 .Key_longText__JzTNz { font-size: 21px; font-weight: 700; } .Key_main__3Qsf8.Key_large__FvmmD { max-width: 588px; margin: auto; } .Key_main__3Qsf8.Key_large__FvmmD .Key_header__9N9l6 { font-size: 200px; line-height: 272.4px; } .Key_main__3Qsf8.Key_medium__P0XqQ { max-width: 410px; margin: auto; } .Key_main__3Qsf8.Key_medium__P0XqQ .Key_header__9N9l6 { font-size: 160px; line-height: 218px; } .Key_main__3Qsf8.Key_small__oTLRo { max-width: 410px; margin: auto; } .Key_main__3Qsf8.Key_small__oTLRo .Key_header__9N9l6 { font-size: 120px; line-height: 163.44px; } .Key_main__3Qsf8.Key_x-small__4cmWK { max-width: 410px; margin: auto; } .Key_main__3Qsf8.Key_x-small__4cmWK .Key_header__9N9l6 { font-size: 80px; line-height: 100px; } @media (max-width: 1253px) { .Key_main__3Qsf8.Key_x-small__4cmWK .Key_header__9N9l6 { font-size: 48px; line-height: 1.25; letter-spacing: -0.03em; } } @media (max-width: 834px) { .Key_main__3Qsf8.Key_large__FvmmD .Key_header__9N9l6, .Key_main__3Qsf8.Key_medium__P0XqQ .Key_header__9N9l6, .Key_main__3Qsf8.Key_small__oTLRo .Key_header__9N9l6 { font-size: 120px; line-height: 163.44px; } .Key_main__3Qsf8.Key_medium__P0XqQ { min-width: unset; } .Key_main__3Qsf8 .Key_longText__JzTNz { font-size: 18px; } } .Step_main__21F5E { text-align: center; max-width: 300px; } .Step_main__21F5E .Step_key__QROxW { margin-bottom: 2px; } .Step_main__21F5E .Step_title__0SI87 { margin-bottom: 8px; font-weight: 700; } .Step_main__21F5E .Step_content__u_chV { margin-bottom: 16px; -webkit-box-orient: vertical; margin-left: auto; margin-right: auto; } .Step_main__21F5E .Step_link__kTdbw { margin: auto; } .Step_main__21F5E.Step_dark__COQsm * { color: var(--essilor-color-white); } @media (max-width: 1253px) { .Step_main__21F5E { max-width: 228px; } } @media (max-width: 768px) { .Step_main__21F5E { max-width: 330px; } .Step_main__21F5E .Step_content__u_chV { overflow: visible; -webkit-line-clamp: unset; } } .RichText_main__CBZBw { max-width: var(--max-width); } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A, .RichText_main__CBZBw[dir="rtl"] ul { padding-right: 28px; padding-left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A li::before, .RichText_main__CBZBw[dir="rtl"] ul li::before { right: -27px; left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(28px); } .RichText_main__CBZBw .bullet { color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content__HxUt4 { position: relative; } .RichText_main__CBZBw .RichText_subnote__X4wQx { font-size: 12px; line-height: 18px; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_list__slC_A li { position: relative; } .RichText_main__CBZBw .RichText_list__slC_A li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A li:not(:last-of-type) { margin-bottom: 24px; } .RichText_main--light__hngdL { color: var(--essilor-color-white); } .RichText_main--dark__Lcdv2 { color: var(--essilor-color-black); } .RichText_main--left__3nPRy { text-align: left; } .RichText_main--right__AA2XR { text-align: right; } .RichText_main--center__bLzhy { text-align: center; } .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_kicker__lT2B5 { margin-bottom: 8px; } .RichText_main__CBZBw .RichText_header__9jaT5 { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_header--block-text-small__4apS5 { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob { background-clip: text; -webkit-text-fill-color: transparent; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a { position: unset; opacity: unset; left: unset; vertical-align: unset; margin-left: 0.1em; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a sup { top: unset; position: unset; vertical-align: super; } .RichText_main__CBZBw .RichText_content--highlight-text__h5hw3 { font-weight: 400; } .RichText_main__CBZBw .RichText_content__HxUt4 ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_content__HxUt4 ul .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_content__HxUt4 ul li { position: relative; } .RichText_main__CBZBw .RichText_content__HxUt4 ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content--list-small__KyGKZ ul li:not(:last-of-type), .RichText_main__CBZBw .RichText_content__HxUt4 ul li:not(:last-of-type) { margin-bottom: 7px; } @media (max-width: 768px) { .RichText_main__CBZBw .RichText_header__9jaT5, .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 16px; list-style-type: none; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(-16px); } .RichText_main__CBZBw .RichText_list__slC_A li::before { top: 6px; left: -17px; width: 8px; height: 8px; } } .StepKeys_main__paYkD .StepKeys_wrapper__io2AL { max-width: calc(var(--max-width) + 48px); padding: 120px 24px; margin: auto; position: relative; } .StepKeys_main__paYkD .StepKeys_wrapper__io2AL .StepKeys_header__hA7_U { max-width: 588px; margin: auto auto 48px; } .StepKeys_main__paYkD .StepKeys_wrapper__io2AL .StepKeys_steps__O_q_p { display: flex; justify-content: center; gap: 24px 75px; flex-wrap: wrap; margin-bottom: 48px; } .StepKeys_main__paYkD .StepKeys_wrapper__io2AL .StepKeys_cta__mFBDq { display: flex; justify-content: center; } .StepKeys_main__paYkD .StepKeys_wrapper__io2AL .StepKeys_root__49hmh { position: absolute; top: 50%; left: 0px; width: 100%; height: 100px; pointer-events: none; } @media (max-width: 834px) { .StepKeys_main__paYkD .StepKeys_wrapper__io2AL { padding: 56px 24px; } .StepKeys_main__paYkD .StepKeys_wrapper__io2AL .StepKeys_header__hA7_U, .StepKeys_main__paYkD .StepKeys_wrapper__io2AL .StepKeys_steps__O_q_p { margin-bottom: 32px; } } .LensBuilderWrapper_main__S5GxE .LensBuilderWrapper_step__Wwwz0 { background-color: var(--essilor-color-white); z-index: 2; position: relative; } /* ===== https://www.essilor.com/_next/static/css/339c93b51124808c.css ===== */ .VisionTestModule_container__8rBeP { min-height: 750px; width: 100%; padding: 3% 0px; margin: auto; background: var(--essilor-color-white); font-weight: 600; font-family: "Noto Sans VT", sans-serif !important; } .VisionTestModule_container__8rBeP .VisionTestModule_loading__unRc2 { height: 300px; display: flex; align-items: center; justify-content: center; } .VisionTestModule_container__8rBeP .VisionTestModule_spinner__ZFrU4 { width: 100%; height: 500px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 50px; } .VisionTestModule_container__8rBeP .VisionTestModule_spinner__ZFrU4 .VisionTestModule_spinnerIcon__4AVw9 { color: var(--essilor-color-marine); animation: 2s linear 0s infinite normal none running VisionTestModule_spin___BCpB; height: 50px; width: 50px; } @media (max-width: 1920px) { .VisionTestModule_container__8rBeP { width: 1100px; } } @media (max-width: 1440px) { .VisionTestModule_container__8rBeP { width: 100%; padding: 3% 15%; } } @media (max-width: 1253px) { .VisionTestModule_container__8rBeP { padding: 3% 10%; } } @media (max-width: 834px) { .VisionTestModule_container__8rBeP { padding: 3% 5%; } } .VisionTestModule_popUp__eTj7K { height: 100%; width: 100%; position: fixed; background: rgba(0, 0, 0, 0.4); top: 0px; left: 0px; display: flex; flex-direction: row; justify-content: center; font-family: "Noto Sans", sans-serif; font-weight: 600; z-index: 9999; } .VisionTestModule_popUp__eTj7K > * { margin-top: 20px; font-family: "Noto Sans VT", sans-serif; font-weight: 400; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t { display: flex; flex-direction: column; gap: 30px; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t button { appearance: none; border: none; background: none; margin: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: 13px; outline: none; font-weight: 600; padding: 10px 28px; width: fit-content; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t .VisionTestModule_popUpTitle__dNxP3 { color: var(--essilor-color-marine); font-size: 22px; font-weight: 700; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t .VisionTestModule_popUpIcons__6q8uT { display: flex; justify-content: center; gap: 20px; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t .VisionTestModule_button__kiZb7 { margin: 0px auto; } @media (max-width: 425px) { .VisionTestModule_popUp__eTj7K { padding-top: 50px; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t button { width: 100%; } .VisionTestModule_popUp__eTj7K .VisionTestModule_popUpContent__iRH0t .VisionTestModule_button__kiZb7 { margin: 0px; width: 100%; } } @media (max-width: 834px) { .VisionTestModule_popUp__eTj7K > * { margin-top: auto; font-family: "Noto Sans", sans-serif; font-weight: 400; margin-bottom: auto; } } @keyframes VisionTestModule_spin___BCpB { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } /* ===== https://www.essilor.com/_next/static/css/4d6edbed023e06da.css ===== */ .RichText_main__CBZBw { max-width: var(--max-width); } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A, .RichText_main__CBZBw[dir="rtl"] ul { padding-right: 28px; padding-left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A li::before, .RichText_main__CBZBw[dir="rtl"] ul li::before { right: -27px; left: unset; } .RichText_main__CBZBw[dir="rtl"] .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(28px); } .RichText_main__CBZBw .bullet { color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content__HxUt4 { position: relative; } .RichText_main__CBZBw .RichText_subnote__X4wQx { font-size: 12px; line-height: 18px; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_subnote__X4wQx ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_list__slC_A li { position: relative; } .RichText_main__CBZBw .RichText_list__slC_A li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_list__slC_A li:not(:last-of-type) { margin-bottom: 24px; } .RichText_main--light__hngdL { color: var(--essilor-color-white); } .RichText_main--dark__Lcdv2 { color: var(--essilor-color-black); } .RichText_main--left__3nPRy { text-align: left; } .RichText_main--right__AA2XR { text-align: right; } .RichText_main--center__bLzhy { text-align: center; } .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_kicker__lT2B5 { margin-bottom: 8px; } .RichText_main__CBZBw .RichText_header__9jaT5 { margin-bottom: 24px; } .RichText_main__CBZBw .RichText_header--block-text-small__4apS5 { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob { background-clip: text; -webkit-text-fill-color: transparent; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a { position: unset; opacity: unset; left: unset; vertical-align: unset; margin-left: 0.1em; } .RichText_main__CBZBw .RichText_header--highlight-text__UK_Ob a sup { top: unset; position: unset; vertical-align: super; } .RichText_main__CBZBw .RichText_content--highlight-text__h5hw3 { font-weight: 400; } .RichText_main__CBZBw .RichText_content__HxUt4 ul { padding-left: 28px; list-style-type: none; display: grid; } .RichText_main__CBZBw .RichText_content__HxUt4 ul .RichText_title__h7XrP { font-weight: 700; transform: translateX(-28px); } .RichText_main__CBZBw .RichText_content__HxUt4 ul li { position: relative; } .RichText_main__CBZBw .RichText_content__HxUt4 ul li::before { content: ""; display: inline-block; position: absolute; top: 5px; left: -27px; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(13, 82, 160); } .RichText_main__CBZBw .RichText_content--list-small__KyGKZ ul li:not(:last-of-type), .RichText_main__CBZBw .RichText_content__HxUt4 ul li:not(:last-of-type) { margin-bottom: 7px; } @media (max-width: 768px) { .RichText_main__CBZBw .RichText_header__9jaT5, .RichText_main__CBZBw .RichText_subHeader__TAC_i { margin-bottom: 16px; } .RichText_main__CBZBw .RichText_list__slC_A { padding-left: 16px; list-style-type: none; } .RichText_main__CBZBw .RichText_list__slC_A .RichText_title__h7XrP { transform: translateX(-16px); } .RichText_main__CBZBw .RichText_list__slC_A li::before { top: 6px; left: -17px; width: 8px; height: 8px; } } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t { position: relative; width: 100%; min-height: 150px; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t video { max-width: 589px; max-height: 331px; height: auto; width: 100%; border-radius: 6px; cursor: pointer; } .VideoPlayer_main__FFXOJ .VideoPlayer_video__d0W7t .VideoPlayer_play__Xw2Jt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; pointer-events: none; } .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC { width: fit-content; position: relative; margin: auto; display: flex; } @media (max-width: 834px) { .VideoPlayer_main__FFXOJ .VideoPlayer_videoWrapper__ggCRC video { max-width: unset; max-height: unset; } } .InstagramEmbed_main__oZSY_ { padding-bottom: 89%; height: 0px; background-color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: center; } @media (max-width: 768px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 80%; } } @media (max-width: 425px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 100%; } } @media (max-width: 359px) { .InstagramEmbed_main__oZSY_ { padding-bottom: 120%; } } .InstagramEmbed_main__oZSY_ iframe { left: auto !important; width: auto !important; border: 1px solid rgb(219, 219, 219) !important; margin: 0px !important; min-width: 0px !important; } .VideoIFramePlayer_main___tUk3 { overflow: hidden; padding-bottom: 56.326%; position: relative; height: auto; background-color: rgb(255, 255, 255); } .VideoIFramePlayer_main___tUk3 iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; border: none; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U { max-width: calc(var(--max-full-width)); margin: auto; align-items: center; display: flex; flex-direction: row; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_regular__5RPVP { min-height: 648px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_xs__wjdMT { min-height: 310px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB { flex-direction: row-reverse; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB .TextVisual_right__WWijY { padding-left: 3%; padding-right: 126px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_title__ICaKw { margin-bottom: 24px; line-height: 68px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U li { padding-left: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { flex: 1 1 auto; max-width: clamp(0%, 58%, 810px); } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 { flex: 1 1 auto; display: flex; flex-direction: row; height: 250px; width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 .TextVisual_imageWrapper__ziMNx { width: 384px; margin-left: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC { flex: 1 1 auto; display: flex; flex-direction: row; width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC .TextVisual_imageWrapper__ziMNx { width: 384px; margin-left: auto; border-radius: 10px; height: auto; overflow: hidden; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_intgrmtext__CcsMG { padding-left: 0px !important; padding-right: 0px !important; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right__WWijY { max-width: 730px; display: flex; align-items: center; padding-left: 126px; padding-right: 3%; width: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-xs__Ch5Bo { width: 100%; display: flex; align-items: center; padding-left: 30px; padding-right: 3%; height: 150px; margin-top: 40px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-compact__7IYEI { width: 100%; display: flex; align-items: center; padding-left: 20px; padding-right: 3%; height: 150px; margin-top: 20px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_imageWrapper__ziMNx { display: flex; height: 100%; align-items: center; justify-content: center; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY { height: 100%; max-height: 648px; overflow: hidden; background-color: rgb(255, 255, 255); display: grid; align-items: center; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY video { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY .TextVisual_player__3cgZc { border-radius: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY .TextVisual_embed__Be_Vu { padding-bottom: 80%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_wrapper__sULft { max-width: 385px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_content__UqF6h { line-height: 26px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_footnote__fbjix { margin-top: 1.8em; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_cta__rLBlf { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; } @media (max-width: 1253px) { .TextVisual_main__CPp7m .TextVisual_contents__rfv8U { min-height: unset; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right__WWijY { margin: 32px 24px 0px; padding-left: 0px; padding-right: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_wrapper__sULft { max-width: 700px; margin: 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_videoWrapper__t9KGY video { padding: 11.879% 0px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB .TextVisual_right__WWijY { margin: 0px 24px 32px; padding-left: 0px; padding-right: 0px; } } @media (max-width: 768px) { .TextVisual_main__CPp7m .TextVisual_contents__rfv8U { flex-direction: column; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_reverse__CwWuB { flex-direction: column-reverse; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U.TextVisual_regular__5RPVP { min-height: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { max-width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 { flex: 1 1 auto; display: flex; flex-direction: column; height: auto; width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-xs__Puv99 .TextVisual_imageWrapper__ziMNx { height: 100%; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; width: 100%; height: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC .TextVisual_imageWrapper__ziMNx { align-self: center; width: 90%; margin: auto; border-radius: 5px; height: 100%; overflow: hidden; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-compact__7IYEI { margin-top: 30px; padding-left: 30px; padding-right: 30px; } } @media (max-width: 425px) { .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_title__ICaKw { line-height: 42px; font-size: 32px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_content__UqF6h { line-height: 24px; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left__kTICV { max-width: 100%; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; width: 100%; height: auto; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_left-compact__HKiqC .TextVisual_imageWrapper__ziMNx { align-self: center; width: 88%; margin: auto; border-radius: 5px; height: 100%; overflow: hidden; } .TextVisual_main__CPp7m .TextVisual_contents__rfv8U .TextVisual_right-compact__7IYEI { margin-top: 50px; } } .FeatureImageDescriptionLeft_main__9XrEX { padding: 120px 0px; } .FeatureImageDescriptionLeft_main__9XrEX.FeatureImageDescriptionLeft_dark__GAZ9e { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; } .FeatureImageDescriptionLeft_main__9XrEX.FeatureImageDescriptionLeft_dark__GAZ9e * { color: var(--essilor-color-white); } .FeatureImageDescriptionLeft_main__9XrEX.FeatureImageDescriptionLeft_dark__GAZ9e * a { color: var(--essilor-color-blue); } @media (max-width: 768px) { .FeatureImageDescriptionLeft_main__9XrEX { padding: 56px 0px; } }