@-webkit-keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}.fs-10{font-size:.625rem}@media screen and (min-width:400px){.fs-xs-10{font-size:.625rem}}@media screen and (min-width:640px){.fs-sm-10{font-size:.625rem}}@media screen and (min-width:768px){.fs-md-10{font-size:.625rem}}@media screen and (min-width:1024px){.fs-lg-10{font-size:.625rem}}@media screen and (min-width:1280px){.fs-xl-10{font-size:.625rem}}@media screen and (min-width:1400px){.fs-lxl-10{font-size:.625rem}}@media screen and (min-width:1920px){.fs-xxl-10{font-size:.625rem}}.fs-11{font-size:.6875rem}@media screen and (min-width:400px){.fs-xs-11{font-size:.6875rem}}@media screen and (min-width:640px){.fs-sm-11{font-size:.6875rem}}@media screen and (min-width:768px){.fs-md-11{font-size:.6875rem}}@media screen and (min-width:1024px){.fs-lg-11{font-size:.6875rem}}@media screen and (min-width:1280px){.fs-xl-11{font-size:.6875rem}}@media screen and (min-width:1400px){.fs-lxl-11{font-size:.6875rem}}@media screen and (min-width:1920px){.fs-xxl-11{font-size:.6875rem}}.fs-12{font-size:.75rem}@media screen and (min-width:400px){.fs-xs-12{font-size:.75rem}}@media screen and (min-width:640px){.fs-sm-12{font-size:.75rem}}@media screen and (min-width:768px){.fs-md-12{font-size:.75rem}}@media screen and (min-width:1024px){.fs-lg-12{font-size:.75rem}}@media screen and (min-width:1280px){.fs-xl-12{font-size:.75rem}}@media screen and (min-width:1400px){.fs-lxl-12{font-size:.75rem}}@media screen and (min-width:1920px){.fs-xxl-12{font-size:.75rem}}.fs-13{font-size:.8125rem}@media screen and (min-width:400px){.fs-xs-13{font-size:.8125rem}}@media screen and (min-width:640px){.fs-sm-13{font-size:.8125rem}}@media screen and (min-width:768px){.fs-md-13{font-size:.8125rem}}@media screen and (min-width:1024px){.fs-lg-13{font-size:.8125rem}}@media screen and (min-width:1280px){.fs-xl-13{font-size:.8125rem}}@media screen and (min-width:1400px){.fs-lxl-13{font-size:.8125rem}}@media screen and (min-width:1920px){.fs-xxl-13{font-size:.8125rem}}.fs-14{font-size:.875rem}@media screen and (min-width:400px){.fs-xs-14{font-size:.875rem}}@media screen and (min-width:640px){.fs-sm-14{font-size:.875rem}}@media screen and (min-width:768px){.fs-md-14{font-size:.875rem}}@media screen and (min-width:1024px){.fs-lg-14{font-size:.875rem}}@media screen and (min-width:1280px){.fs-xl-14{font-size:.875rem}}@media screen and (min-width:1400px){.fs-lxl-14{font-size:.875rem}}@media screen and (min-width:1920px){.fs-xxl-14{font-size:.875rem}}.fs-15{font-size:.9375rem}@media screen and (min-width:400px){.fs-xs-15{font-size:.9375rem}}@media screen and (min-width:640px){.fs-sm-15{font-size:.9375rem}}@media screen and (min-width:768px){.fs-md-15{font-size:.9375rem}}@media screen and (min-width:1024px){.fs-lg-15{font-size:.9375rem}}@media screen and (min-width:1280px){.fs-xl-15{font-size:.9375rem}}@media screen and (min-width:1400px){.fs-lxl-15{font-size:.9375rem}}@media screen and (min-width:1920px){.fs-xxl-15{font-size:.9375rem}}.fs-16{font-size:1rem}@media screen and (min-width:400px){.fs-xs-16{font-size:1rem}}@media screen and (min-width:640px){.fs-sm-16{font-size:1rem}}@media screen and (min-width:768px){.fs-md-16{font-size:1rem}}@media screen and (min-width:1024px){.fs-lg-16{font-size:1rem}}@media screen and (min-width:1280px){.fs-xl-16{font-size:1rem}}@media screen and (min-width:1400px){.fs-lxl-16{font-size:1rem}}@media screen and (min-width:1920px){.fs-xxl-16{font-size:1rem}}.fs-17{font-size:1.0625rem}@media screen and (min-width:400px){.fs-xs-17{font-size:1.0625rem}}@media screen and (min-width:640px){.fs-sm-17{font-size:1.0625rem}}@media screen and (min-width:768px){.fs-md-17{font-size:1.0625rem}}@media screen and (min-width:1024px){.fs-lg-17{font-size:1.0625rem}}@media screen and (min-width:1280px){.fs-xl-17{font-size:1.0625rem}}@media screen and (min-width:1400px){.fs-lxl-17{font-size:1.0625rem}}@media screen and (min-width:1920px){.fs-xxl-17{font-size:1.0625rem}}.fs-18{font-size:1.125rem}@media screen and (min-width:400px){.fs-xs-18{font-size:1.125rem}}@media screen and (min-width:640px){.fs-sm-18{font-size:1.125rem}}@media screen and (min-width:768px){.fs-md-18{font-size:1.125rem}}@media screen and (min-width:1024px){.fs-lg-18{font-size:1.125rem}}@media screen and (min-width:1280px){.fs-xl-18{font-size:1.125rem}}@media screen and (min-width:1400px){.fs-lxl-18{font-size:1.125rem}}@media screen and (min-width:1920px){.fs-xxl-18{font-size:1.125rem}}.fs-19{font-size:1.1875rem}@media screen and (min-width:400px){.fs-xs-19{font-size:1.1875rem}}@media screen and (min-width:640px){.fs-sm-19{font-size:1.1875rem}}@media screen and (min-width:768px){.fs-md-19{font-size:1.1875rem}}@media screen and (min-width:1024px){.fs-lg-19{font-size:1.1875rem}}@media screen and (min-width:1280px){.fs-xl-19{font-size:1.1875rem}}@media screen and (min-width:1400px){.fs-lxl-19{font-size:1.1875rem}}@media screen and (min-width:1920px){.fs-xxl-19{font-size:1.1875rem}}.fs-20{font-size:1.25rem}@media screen and (min-width:400px){.fs-xs-20{font-size:1.25rem}}@media screen and (min-width:640px){.fs-sm-20{font-size:1.25rem}}@media screen and (min-width:768px){.fs-md-20{font-size:1.25rem}}@media screen and (min-width:1024px){.fs-lg-20{font-size:1.25rem}}@media screen and (min-width:1280px){.fs-xl-20{font-size:1.25rem}}@media screen and (min-width:1400px){.fs-lxl-20{font-size:1.25rem}}@media screen and (min-width:1920px){.fs-xxl-20{font-size:1.25rem}}.fs-21{font-size:1.3125rem}@media screen and (min-width:400px){.fs-xs-21{font-size:1.3125rem}}@media screen and (min-width:640px){.fs-sm-21{font-size:1.3125rem}}@media screen and (min-width:768px){.fs-md-21{font-size:1.3125rem}}@media screen and (min-width:1024px){.fs-lg-21{font-size:1.3125rem}}@media screen and (min-width:1280px){.fs-xl-21{font-size:1.3125rem}}@media screen and (min-width:1400px){.fs-lxl-21{font-size:1.3125rem}}@media screen and (min-width:1920px){.fs-xxl-21{font-size:1.3125rem}}.fs-22{font-size:1.375rem}@media screen and (min-width:400px){.fs-xs-22{font-size:1.375rem}}@media screen and (min-width:640px){.fs-sm-22{font-size:1.375rem}}@media screen and (min-width:768px){.fs-md-22{font-size:1.375rem}}@media screen and (min-width:1024px){.fs-lg-22{font-size:1.375rem}}@media screen and (min-width:1280px){.fs-xl-22{font-size:1.375rem}}@media screen and (min-width:1400px){.fs-lxl-22{font-size:1.375rem}}@media screen and (min-width:1920px){.fs-xxl-22{font-size:1.375rem}}.fs-24{font-size:1.5rem}@media screen and (min-width:400px){.fs-xs-24{font-size:1.5rem}}@media screen and (min-width:640px){.fs-sm-24{font-size:1.5rem}}@media screen and (min-width:768px){.fs-md-24{font-size:1.5rem}}@media screen and (min-width:1024px){.fs-lg-24{font-size:1.5rem}}@media screen and (min-width:1280px){.fs-xl-24{font-size:1.5rem}}@media screen and (min-width:1400px){.fs-lxl-24{font-size:1.5rem}}@media screen and (min-width:1920px){.fs-xxl-24{font-size:1.5rem}}.fs-26{font-size:1.625rem}@media screen and (min-width:400px){.fs-xs-26{font-size:1.625rem}}@media screen and (min-width:640px){.fs-sm-26{font-size:1.625rem}}@media screen and (min-width:768px){.fs-md-26{font-size:1.625rem}}@media screen and (min-width:1024px){.fs-lg-26{font-size:1.625rem}}@media screen and (min-width:1280px){.fs-xl-26{font-size:1.625rem}}@media screen and (min-width:1400px){.fs-lxl-26{font-size:1.625rem}}@media screen and (min-width:1920px){.fs-xxl-26{font-size:1.625rem}}.fs-28{font-size:1.75rem}@media screen and (min-width:400px){.fs-xs-28{font-size:1.75rem}}@media screen and (min-width:640px){.fs-sm-28{font-size:1.75rem}}@media screen and (min-width:768px){.fs-md-28{font-size:1.75rem}}@media screen and (min-width:1024px){.fs-lg-28{font-size:1.75rem}}@media screen and (min-width:1280px){.fs-xl-28{font-size:1.75rem}}@media screen and (min-width:1400px){.fs-lxl-28{font-size:1.75rem}}@media screen and (min-width:1920px){.fs-xxl-28{font-size:1.75rem}}.fs-30{font-size:1.875rem}@media screen and (min-width:400px){.fs-xs-30{font-size:1.875rem}}@media screen and (min-width:640px){.fs-sm-30{font-size:1.875rem}}@media screen and (min-width:768px){.fs-md-30{font-size:1.875rem}}@media screen and (min-width:1024px){.fs-lg-30{font-size:1.875rem}}@media screen and (min-width:1280px){.fs-xl-30{font-size:1.875rem}}@media screen and (min-width:1400px){.fs-lxl-30{font-size:1.875rem}}@media screen and (min-width:1920px){.fs-xxl-30{font-size:1.875rem}}.fs-32{font-size:2rem}@media screen and (min-width:400px){.fs-xs-32{font-size:2rem}}@media screen and (min-width:640px){.fs-sm-32{font-size:2rem}}@media screen and (min-width:768px){.fs-md-32{font-size:2rem}}@media screen and (min-width:1024px){.fs-lg-32{font-size:2rem}}@media screen and (min-width:1280px){.fs-xl-32{font-size:2rem}}@media screen and (min-width:1400px){.fs-lxl-32{font-size:2rem}}@media screen and (min-width:1920px){.fs-xxl-32{font-size:2rem}}.fs-34{font-size:2.125rem}@media screen and (min-width:400px){.fs-xs-34{font-size:2.125rem}}@media screen and (min-width:640px){.fs-sm-34{font-size:2.125rem}}@media screen and (min-width:768px){.fs-md-34{font-size:2.125rem}}@media screen and (min-width:1024px){.fs-lg-34{font-size:2.125rem}}@media screen and (min-width:1280px){.fs-xl-34{font-size:2.125rem}}@media screen and (min-width:1400px){.fs-lxl-34{font-size:2.125rem}}@media screen and (min-width:1920px){.fs-xxl-34{font-size:2.125rem}}.fs-36{font-size:2.25rem}@media screen and (min-width:400px){.fs-xs-36{font-size:2.25rem}}@media screen and (min-width:640px){.fs-sm-36{font-size:2.25rem}}@media screen and (min-width:768px){.fs-md-36{font-size:2.25rem}}@media screen and (min-width:1024px){.fs-lg-36{font-size:2.25rem}}@media screen and (min-width:1280px){.fs-xl-36{font-size:2.25rem}}@media screen and (min-width:1400px){.fs-lxl-36{font-size:2.25rem}}@media screen and (min-width:1920px){.fs-xxl-36{font-size:2.25rem}}.fs-38{font-size:2.375rem}@media screen and (min-width:400px){.fs-xs-38{font-size:2.375rem}}@media screen and (min-width:640px){.fs-sm-38{font-size:2.375rem}}@media screen and (min-width:768px){.fs-md-38{font-size:2.375rem}}@media screen and (min-width:1024px){.fs-lg-38{font-size:2.375rem}}@media screen and (min-width:1280px){.fs-xl-38{font-size:2.375rem}}@media screen and (min-width:1400px){.fs-lxl-38{font-size:2.375rem}}@media screen and (min-width:1920px){.fs-xxl-38{font-size:2.375rem}}.fs-40{font-size:2.5rem}@media screen and (min-width:400px){.fs-xs-40{font-size:2.5rem}}@media screen and (min-width:640px){.fs-sm-40{font-size:2.5rem}}@media screen and (min-width:768px){.fs-md-40{font-size:2.5rem}}@media screen and (min-width:1024px){.fs-lg-40{font-size:2.5rem}}@media screen and (min-width:1280px){.fs-xl-40{font-size:2.5rem}}@media screen and (min-width:1400px){.fs-lxl-40{font-size:2.5rem}}@media screen and (min-width:1920px){.fs-xxl-40{font-size:2.5rem}}.fs-50{font-size:3.125rem}@media screen and (min-width:400px){.fs-xs-50{font-size:3.125rem}}@media screen and (min-width:640px){.fs-sm-50{font-size:3.125rem}}@media screen and (min-width:768px){.fs-md-50{font-size:3.125rem}}@media screen and (min-width:1024px){.fs-lg-50{font-size:3.125rem}}@media screen and (min-width:1280px){.fs-xl-50{font-size:3.125rem}}@media screen and (min-width:1400px){.fs-lxl-50{font-size:3.125rem}}@media screen and (min-width:1920px){.fs-xxl-50{font-size:3.125rem}}.fs-56{font-size:3.5rem}@media screen and (min-width:400px){.fs-xs-56{font-size:3.5rem}}@media screen and (min-width:640px){.fs-sm-56{font-size:3.5rem}}@media screen and (min-width:768px){.fs-md-56{font-size:3.5rem}}@media screen and (min-width:1024px){.fs-lg-56{font-size:3.5rem}}@media screen and (min-width:1280px){.fs-xl-56{font-size:3.5rem}}@media screen and (min-width:1400px){.fs-lxl-56{font-size:3.5rem}}@media screen and (min-width:1920px){.fs-xxl-56{font-size:3.5rem}}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Thin),local(NeueHaasUnica-Thin),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Thin.woff2)format("woff2");font-weight:100;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Extra Light),local(NeueHaasUnica-ExtraLight),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ExtraLight.woff2)format("woff2");font-weight:200;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Light),local(NeueHaasUnica-Light),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Light.woff2)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Regular),local(NeueHaasUnica-Regular),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Medium),local(NeueHaasUnica-Medium),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Medium.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Bold),local(NeueHaasUnica-Bold),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Bold.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Extra Bold),local(NeueHaasUnica-ExtraBold),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ExtraBold.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Black),local(NeueHaasUnica-Black),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Black.woff2)format("woff2");font-weight:800;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Extra Black),local(NeueHaasUnica-ExtraBlack),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ExtraBlack.woff2)format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Thin Italic),local(NeueHaasUnica-ThinItalic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ThinItalic.woff2)format("woff2");font-weight:100;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica ExtLt Ita),local(NeueHaasUnica-ExtLtIta),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ExtLtIta.woff2)format("woff2");font-weight:200;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Light Italic),local(NeueHaasUnica-LightItalic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-LightItalic.woff2)format("woff2");font-weight:300;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Italic),local(NeueHaasUnica-Italic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-Italic.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Medium Italic),local(NeueHaasUnica-MediumItalic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Bold Italic),local(NeueHaasUnica-BoldItalic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica Bold Italic),local(NeueHaasUnica-BoldItalic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-BoldItalic_1.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica ExtBd Ita),local(NeueHaasUnica-ExtraBoldItalic),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ExtraBoldItalic.woff2)format("woff2");font-weight:800;font-style:italic}@font-face{font-family:Neue Haas Unica;src:local(Neue Haas Unica ExtBlk Ita),local(NeueHaasUnica-ExtBlkIta),url(https://resources.ocumetra.com/fonts/NeueHaasUnica-ExtBlkIta.woff2)format("woff2");font-weight:900;font-style:italic}@font-face{font-family:Montserrat;src:local(Montserrat Light),local(Montserrat-Light),url(https://resources.ocumetra.com/fonts/montserrat/Montserrat-Light.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Montserrat;src:local(Montserrat Regular),local(Montserrat-Regular),url(https://resources.ocumetra.com/fonts/montserrat/Montserrat-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Montserrat;src:local(Montserrat Medium),local(Montserrat-Medium),url(https://resources.ocumetra.com/fonts/montserrat/Montserrat-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Montserrat;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(https://resources.ocumetra.com/fonts/montserrat/Montserrat-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Montserrat;src:local(Montserrat Bold),local(Montserrat-Bold),url(https://resources.ocumetra.com/fonts/montserrat/Montserrat-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:DMSans;src:local(DMSans Regular),local(DMSans-Regular),url(https://resources.ocumetra.com/fonts/dm_sans/DMSans-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:DMSans;src:local(DMSans Medium),local(DMSans-Medium),url(https://resources.ocumetra.com/fonts/dm_sans/DMSans-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:DMSans;src:local(DMSans Bold),local(DMSans-Bold),url(https://resources.ocumetra.com/fonts/dm_sans/DMSans-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}:root{--handle-color:white}.vision-sim-container{width:100%;height:100%;position:relative;overflow:hidden}.vision-sim-container img{width:100%;border-radius:5px}.div-cover{width:100%;z-index:10;position:absolute;top:0;left:0}.handle{width:50px;height:100%;cursor:col-resize;z-index:15;justify-content:center;align-items:center;margin-left:-25px;display:flex;position:absolute;top:0}.controller{height:50px;width:50px;border:3px solid var(--handle-color);background-color:transparent;border-radius:50%;justify-content:space-around;align-items:center;display:flex}.controller:before,.controller:after{content:" ";background:var(--handle-color);width:3px;height:9999px;z-index:30;display:block;position:absolute;left:50%}.controller:before{margin-bottom:25px;bottom:50%}.controller:after{margin-top:25px;top:50%}.control-arrow{border-style:solid}.control-arrow.left{border-width:8px 8px 8px 0;border-color:transparent var(--handle-color)transparent transparent}.control-arrow.right{border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--handle-color)}.vision-sim-container div span{color:var(--handle-color);white-space:nowrap;z-index:5;background-color:rgba(0,0,0,.62);border-radius:5px;margin:10px;padding:5px;font-size:20px;position:absolute}.vision-sim-container .div-cover span{right:0}@media screen and (max-width:991px){.handle{width:40px;margin-left:-20px}.controller{height:40px;width:40px;border:2px solid var(--handle-color)}.controller:before{width:2px;margin-bottom:20px}.controller:after{width:2px;margin-top:20px}.control-arrow.right{border-width:6px 0 6px 6px}.control-arrow.left{border-width:6px 6px 6px 0}.vision-sim-container div span{font-size:18px}}@media screen and (max-width:560px){.handle{width:25px;margin-left:-12.5px}.controller{height:25px;width:25px}.controller:before{margin-bottom:12.5px}.controller:after{margin-top:12.5px}.control-arrow.right{border-width:4px 0 4px 4px}.control-arrow.left{border-width:4px 4px 4px 0}.vision-sim-container div span{font-size:16px}}.simulator-container,.simulator-container *{font-family:DMSans,sans-serif}.simulator-container{color:#000;justify-content:center;align-items:center;display:flex}@media screen and (min-width:768px){.simulator-container{padding:2rem 2rem 4rem}}@media screen and (min-width:1024px){.simulator-container{padding:3.125rem 6.25rem 6.25rem 3.125rem}}.popover{max-width:545px}.border-bottom-gray{border-bottom:2px solid #e5e5e5}.simulator-card{width:100%;max-width:1499px;background-color:#f6f8f9;border-radius:30px;padding:1.875rem 1rem;box-shadow:0 1px 4px rgba(0,0,0,.16)}@media screen and (min-width:1024px){.simulator-card{padding:3.75rem 3rem}}.simulator-card .img-vs-container{width:auto;flex-direction:row}.simulator-card-header{width:100%;padding-bottom:2.5rem}.simulator-card-header>div{padding-top:3.125rem}.simulator-card-header h1{color:#000;margin-bottom:0;padding-bottom:2.5rem;font-size:1.75rem;font-weight:200}.simulator-card-header h1.border-b{border-bottom:1px solid #d6d6d6}.dark .simulator-card-header h1{color:#fff}@media screen and (min-width:768px){.simulator-card-header h1{align-items:stretch;font-size:2.125rem}}@media screen and (min-width:1024px){.simulator-card-header h1{font-size:3.125rem}}.simulator-card-header h5{font-size:.875rem;font-weight:400}.simulator-card-help{color:#000;margin:0;font-size:.875rem;font-weight:200}@media screen and (min-width:768px){.simulator-card-help{font-size:1rem}}.dark .simulator-card-help{color:#fff}.simulator-images-container{justify-content:center;align-items:center;gap:3rem;display:flex;flex-direction:column!important}.simulator-images-container img{max-width:100%;border-radius:25px}@media screen and (min-width:1024px){.simulator-images-container{flex-direction:row!important}}.simulator-card-body{flex-direction:column;gap:3.125rem;display:flex}@media screen and (min-width:1024px){.simulator-card-body{flex-direction:row}}.simulator-card-body .simulator-card-body-item{flex:1}.simulator-card-body h4,.simulator-card-body h6{color:#000;font-size:1.125rem;font-weight:400}.dark .simulator-card-body h4,.dark .simulator-card-body h6{color:#fff}@media screen and (min-width:1024px){.simulator-card-body h4,.simulator-card-body h6{font-size:1.25rem}}@media screen and (min-width:768px){.simulator-card-body h6{font-size:1.25rem}}.simulator-card-footer{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:60px;display:flex}.simulator-image-item{width:100%;flex:1;position:relative}.simulator-image-item img{aspect-ratio:2/1.3}.simulator-image-item img.all-borders{border-radius:25px}.simulator-image-item img.bottom-borders{border-radius:0 0 15px 15px}.dotted-ring-bg{width:500px;height:400px;background-color:#7120ce;border-radius:30px;-webkit-mask-image:url(https://resources.ocumetra.com/images/backgrounds/purple_dotted_ring.svg);mask-image:url(https://resources.ocumetra.com/images/backgrounds/purple_dotted_ring.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.simulator-card .controller{width:20px;height:20px;background-color:#fff}@media screen and (min-width:768px){.simulator-card .controller{width:46px;height:46px}}.simulator-card .controller .controller-icon{width:12px;aspect-ratio:4/5;background-color:#7120ce;-webkit-mask-image:url(https://resources.ocumetra.com/images/icons/double_chevron.svg);mask-image:url(https://resources.ocumetra.com/images/icons/double_chevron.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (min-width:768px){.simulator-card .controller .controller-icon{width:25px}}.simulator-card .controller .control-arrow{display:none}.vision-sim-container div span,.vision-sim-container .div-cover span{color:#000;background-color:#fff;border-radius:20px;padding:.4rem;font-size:.5rem;font-weight:200;bottom:0}@media screen and (min-width:640px){.vision-sim-container div span,.vision-sim-container .div-cover span{padding:.76rem;font-size:.625rem}}.simulator-button-wrapper{width:100%;color:#fff;background-color:#7120ce;background-image:url(https://resources.ocumetra.com/images/backgrounds/half_dotted_ring.svg);background-position:100%;background-repeat:no-repeat;background-size:cover;border-radius:20px;padding:1.25rem 1.875rem;font-size:.8125rem}@media screen and (min-width:768px){.simulator-button-wrapper{background-image:url(https://resources.ocumetra.com/images/backgrounds/dotted_ring.svg);background-size:407px;justify-content:space-between;align-items:center;gap:1.875rem;padding:2.25rem;font-size:1.125rem;display:flex}}.simulator-button-wrapper>span{max-width:600px;flex:1;margin-bottom:1.5rem;display:inline-block}@media screen and (min-width:768px){.simulator-button-wrapper>span{margin-bottom:0}}.simulator-button-wrapper .simulator-cta-button{width:100%;justify-content:space-between;color:#7120ce!important;background-color:#fff!important}.simulator-button-wrapper .simulator-cta-button .simulator-cta-decoration{background-color:#7120ce!important}.simulator-button-wrapper svg{-webkit-filter:brightness(0)invert();-webkit-filter:brightness(0)invert();filter:brightness(0)invert()}@media screen and (min-width:1400px){.simulator-button-wrapper a{padding-right:.2rem}}.simulator-cta-button{text-transform:uppercase;color:#fff;background-color:#7120ce;border:none;border-radius:100px;outline:none;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex;overflow:hidden}.simulator-cta-button.cta-button-solid{color:#fff;background-color:#7120ce}.simulator-cta-button.cta-button-solid .simulator-cta-decoration{background-color:#fff}.simulator-cta-button.cta-button-outline{color:#7120ce;background-color:transparent;border:1px solid #7120ce}.simulator-cta-button.cta-button-outline .simulator-cta-decoration{background-color:#7120ce}.simulator-cta-button.cta-button-outline .simulator-cta-decoration svg{-webkit-filter:brightness(0)invert();-webkit-filter:brightness(0)invert();filter:brightness(0)invert()}.simulator-cta-button.reverse{flex-direction:row-reverse;padding:.5rem 1rem .5rem .5rem}.simulator-cta-button.reverse .simulator-cta-decoration{-webkit-transform:scale(-1);transform:scale(-1)}@media screen and (min-width:768px){.simulator-cta-button{width:auto;gap:1rem}}.simulator-cta-button>span{flex:1}@media screen and (min-width:768px){.simulator-cta-button>span{white-space:nowrap}}.simulator-cta-button:hover .simulator-cta-decoration svg:nth-of-type(1){z-index:0;transition:-webkit-transform .4s,-webkit-transform .4s,transform .4s;-webkit-transform:translate(22px);transform:translate(22px)}.simulator-cta-button:hover .simulator-cta-decoration svg:nth-of-type(2){-webkit-transform:translate(22px);transform:translate(22px)}.simulator-cta-button .simulator-cta-decoration{width:32px;height:32px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.simulator-cta-button .simulator-cta-decoration svg{transition:-webkit-transform .4s,-webkit-transform .4s,transform .4s}.simulator-cta-button .simulator-cta-decoration svg:nth-of-type(1){position:absolute;left:-12px}.simulator-cta-button .simulator-cta-decoration svg:nth-of-type(2){left:-6px}.image-controller-container{position:relative;overflow:hidden}.result-image-title{color:#fff;background-color:#7120ce;border-top-left-radius:15px;border-top-right-radius:15px}.controller:before,.controller:after{z-index:0;bottom:0}#diopter-track{z-index:10;z-index:0;width:40%;height:0;background-color:#7120ce;border-radius:10px;position:absolute;top:37%;left:0}.simulator-card-intro{color:#fff;height:100%;background-color:#469c81;background-image:linear-gradient(145deg,#469c81,#193e3e);border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;display:flex}.simulator-card-intro h3{font-size:1.375rem;font-weight:200}@media screen and (min-width:1024px){.simulator-card-intro h3{font-size:2.5rem}}.simulator-card-intro p{font-size:.875rem;font-weight:200}@media screen and (min-width:1024px){.simulator-card-intro p{font-size:1rem}}.diopter-range-info{font-size:.75rem}@media screen and (min-width:768px){.diopter-range-info{font-size:.875rem}}.diopter-container{width:100%;position:relative}.diopter-container>span{pointer-events:none;cursor:pointer}.diopter-container>div{width:55px;pointer-events:none;cursor:pointer;text-align:center;color:#fff;z-index:10;background-color:transparent;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex;position:absolute;top:50%;-webkit-transform:translateY(calc(-50% - .7rem));transform:translateY(calc(-50% - .7rem))}@media screen and (min-width:768px){.diopter-container>div{width:73px;font-size:1.125rem}}.handle{width:46px;margin-left:-23px}.handle>.simulator-tooltip{top:1.1rem;bottom:unset;white-space:nowrap;margin:0;padding:.25rem .625rem;font-size:.625rem;display:inline-block;position:absolute}@media screen and (min-width:768px){.handle>.simulator-tooltip{padding:.4rem 1.25rem;font-size:.8125rem}}.handle>.simulator-tooltip:nth-child(2n){color:#000;background-color:#fff;border-radius:22px 0 0 22px;right:50%}.handle>.simulator-tooltip:nth-child(2n+1){color:#000;background-color:#fff;border-radius:0 22px 22px 0;left:calc(50% + 3px)}.sample-container{flex-direction:column}@media screen and (min-width:1280px){.sample-container{flex-direction:row;gap:1.5rem}}.vision-simulator-form{width:100%}.vision-simulator-form label{white-space:nowrap}.vision-simulator-form .slider-range{-webkit-transform:scale(-1);transform:scale(-1)}.vision-simulator-form .patient-details-container .wtform-field:nth-of-type(1){flex:.94}.vision-simulator-form .patient-details-container input,.vision-simulator-form .patient-details-container select{background-color:#f6f8f9;border:none;border-bottom:1px solid #949494}.vision-simulator-form .patient-details-container .age-container input{max-width:50px}.vision-simulator-form .patient-details-container .age-container label,.vision-simulator-form .patient-details-container .age-container input{font-size:.875rem;font-weight:200}.vision-simulator-form .form-control-label{font-size:1.25rem}.vision-simulator-form .form-section{flex-flow:column wrap;justify-content:space-between;gap:2.75rem;display:flex}@media screen and (min-width:640px){.vision-simulator-form .form-section{flex-flow:wrap}}@media screen and (min-width:1280px){.vision-simulator-form .form-section{gap:5rem}}.vision-simulator-form .form-section .card-range{min-width:40%;flex:1}.vision-simulator-form .form-section .card-range input[type=range]{margin:1.5rem 0 1rem}@media screen and (min-width:1024px){.vision-simulator-form .form-section .card-range{min-width:unset}}.vision-simulator-form .form-section .card-range input::-webkit-outer-spin-button,.vision-simulator-form .form-section .card-range input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.vision-simulator-form .form-section .card-range input[type=number]{-webkit-appearance:textfield;appearance:textfield}.vision-simulator-form .top-input{text-align:center;width:90px;padding:.375rem 1.25rem}.vision-simulator-form .row-value{justify-content:space-between;align-items:center;display:flex}.vision-simulator-form .row-value input{background-color:transparent;border:1px solid #949494;border-radius:50px}.vision-simulator-form input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;direction:rtl;background:0 0;border:none;outline:none;margin:2rem 0 3rem}.vision-simulator-form input[type=range]:focus{outline:none}.vision-simulator-form input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.vision-simulator-form input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#7120ce;border:none;border-radius:50%;outline:none;margin-top:-6px}.vision-simulator-form input[type=range]::-moz-range-track{width:100%;height:3px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.vision-simulator-form input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background-color:#7120ce;border:none;border-radius:50%;outline:none;margin-top:-6px}.vision-simulator-form input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.vision-simulator-form input[type=range]::-ms-thumb{width:15px;height:15px;cursor:pointer;background:#7120ce;border:none;border-radius:50%;outline:none;margin-top:0}.vision-simulator-form .diopter-label{width:15px;height:15px;background-color:#7120ce;border-radius:50%;right:calc(50% - 30px)}@media screen and (min-width:768px){.vision-simulator-form .diopter-label{right:calc(50% - 41.5px)}}.vision-simulator-form .diopter-label.transition{transition:right .5s linear}.wtform-field.error{color:red}.wtform-field.error input,.wtform-field.error select{border-color:red}.wtform-field .field-content{gap:1rem;display:flex}.wtform-field .field-error-message{color:red;margin-top:.5rem;font-size:.75rem;display:inline-block}.wtform-field[id^=axis] .indication-value span:nth-of-type(2){padding-left:14px}.simulator-panel-heading{font-weight:400}.patient-info{width:100%;flex-direction:column;justify-content:space-between;display:flex}@media screen and (min-width:640px){.patient-info{flex-direction:row}}@media screen and (min-width:1024px){.patient-info{width:auto;flex-direction:column;align-items:flex-end}}.patient-info>div:nth-of-type(1){gap:1rem}.labeled-data{align-items:center;gap:1.25rem;font-size:.875rem;display:flex}.labeled-data span:nth-of-type(2){background-color:#fff;border-radius:24px;padding:.25rem .5rem}@media screen and (min-width:768px){.labeled-data span:nth-of-type(2){padding:.5rem 1.5rem}}.flatted-data{flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;display:flex}@media screen and (min-width:640px){.flatted-data{justify-content:flex-end}}@media screen and (min-width:1024px){.flatted-data{flex-direction:row;gap:2rem}}.select-eye-container{width:100%}@media screen and (min-width:1024px){.select-eye-container{width:auto}}.animated-buttons-container{width:100%;background-color:#fff;border-radius:27px;position:relative}.animated-buttons-container label{z-index:20;width:100%;height:inherit;cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex;position:relative}.animated-buttons-container label p{z-index:30;flex:1;position:relative}.animated-buttons-container input{opacity:0;width:0;height:0}.animated-buttons-container input:checked+.button-decoration{left:50%}.animated-buttons-container .static-image-texts:nth-of-type(1) p:nth-of-type(1){color:#fff}.animated-buttons-container .static-image-texts:nth-of-type(1) p:nth-of-type(2),.animated-buttons-container .static-image-texts:nth-of-type(2) p:nth-of-type(1){color:#7120ce}.animated-buttons-container .static-image-texts:nth-of-type(2) p:nth-of-type(2){color:#fff}.animated-buttons-container .static-image-texts p{color:#7120ce;transition:color .4s}.animated-buttons-container .button-decoration{height:100%;width:50%;z-index:0;background-color:#7120ce;border-radius:27px;transition:left .4s;position:absolute;top:0;left:0}@media screen and (min-width:1024px){.animated-buttons-container.mw-lg-75{max-width:75%}}.form-buttons-container{flex-direction:column-reverse}@media screen and (min-width:400px){.form-buttons-container{flex-direction:row}}.form-buttons-container button{width:100%}@media screen and (min-width:400px){.form-buttons-container button{width:auto}}.vision-simulator-result-image-left.hide-image,.vision-simulator-result-image-right.hide-image,.blur-image{display:none}.blur-image.show-blur-image{display:block}.loader-modal{z-index:50;width:calc(100% - 30px);border-radius:20px;gap:2rem;padding:5rem 2rem;display:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader-modal.show-loader{display:block}@media screen and (min-width:768px){.loader-modal{width:auto;max-width:741px;padding:4.375rem 6.25rem}}.theme-spinner{width:75px;height:75px;border:10px solid #7120ce;border-right-color:transparent}.sample-prescription-container{max-width:800px;pointer-events:none;background-color:#d9d9d9}.sample-prescription-input{background:0 0;border:none;border-bottom:1px solid #000}.sample-prescription-row{margin:0 0 -15px}.sample-prescription-info{border-style:solid;border-width:0 0 2px 2px;border-image:linear-gradient(270deg,transparent 80%,red 20%) 1;margin-left:10px;padding-left:10px}@-webkit-keyframes animate-left{0%{left:50%}50%{left:25%}to{left:50%}}@keyframes animate-left{0%{left:50%}50%{left:25%}to{left:50%}}@-webkit-keyframes animate-clip-path{0%{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}50%{-webkit-clip-path:inset(0 0 0 25%);clip-path:inset(0 0 0 25%)}to{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}}@keyframes animate-clip-path{0%{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}50%{-webkit-clip-path:inset(0 0 0 25%);clip-path:inset(0 0 0 25%)}to{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}}.animate-simulation.active .handle{-webkit-animation:3s ease-in-out animate-left;animation:3s ease-in-out animate-left}.animate-simulation.active .div-cover{-webkit-animation:3s ease-in-out animate-clip-path;animation:3s ease-in-out animate-clip-path}.primary-link,.primary-link:hover{color:#7120ce;text-decoration:underline}.simulator-result-section .handle{width:46px;height:46px;margin-left:-23px}.plus-sign{margin-right:-24px}.static-simulator-diopter-container input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;direction:rtl;background:0 0;border:none;outline:none;margin:2rem 0 3rem}.static-simulator-diopter-container input[type=range]:focus{outline:none}.static-simulator-diopter-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.static-simulator-diopter-container input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:60px;height:24px;opacity:0;box-shadow:none;background:0 0;border:none;border-radius:17px;outline:none;margin-top:-13px}.static-simulator-diopter-container input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.static-simulator-diopter-container input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:60px;height:24px;opacity:0;box-shadow:none;background:0 0;border:none;border-radius:17px;outline:none;margin-top:-13px}.static-simulator-diopter-container input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.static-simulator-diopter-container input[type=range]::-ms-thumb{width:60px;height:24px;cursor:pointer;-webkit-appearance:none;appearance:none;opacity:0;box-shadow:none;background:0 0;border:none;border-radius:17px;outline:none;margin-top:0}.static-simulator-diopter-container .diopter-label{width:60px;height:24px;background-color:#7120ce;border-radius:17px;right:calc(50% - 30px)}@media screen and (min-width:768px){.static-simulator-diopter-container .diopter-label{right:calc(50% - 41.5px)}}.static-simulator-diopter-container .diopter-label.transition{transition:right .5s linear}@media screen and (min-width:768px){.static-simulator-diopter-container input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;direction:rtl;background:0 0;border:none;outline:none;margin:2rem 0 3rem}.static-simulator-diopter-container input[type=range]:focus{outline:none}.static-simulator-diopter-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.static-simulator-diopter-container input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:83px;height:44px;background:0 0;border:none;border-radius:22px;outline:none;margin-top:-23px}.static-simulator-diopter-container input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.static-simulator-diopter-container input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:83px;height:44px;background-color:transparent;border:none;border-radius:22px;outline:none;margin-top:-23px}.static-simulator-diopter-container input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background-color:#7120ce;border:0;border-radius:6px}.static-simulator-diopter-container input[type=range]::-ms-thumb{width:83px;height:44px;cursor:pointer;background:0 0;border:none;border-radius:22px;outline:none;margin-top:0}.static-simulator-diopter-container .diopter-label{width:83px;height:44px;background-color:#7120ce;border-radius:22px;right:calc(50% - 30px)}}@media screen and (min-width:768px) and (min-width:768px){.static-simulator-diopter-container .diopter-label{right:calc(50% - 41.5px)}}@media screen and (min-width:768px){.static-simulator-diopter-container .diopter-label.transition{transition:right .5s linear}}
/*# sourceMappingURL=sightglass.css.map */