CINXE.COM
IOL Calculator
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <base href="/" /> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="_content/MudBlazor.ThemeManager/MudBlazorThemeManager.css" rel="stylesheet" /> <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" /> <link href="/css/styles.css?v=1.12" rel="stylesheet" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1VWQK8NJ67"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-1VWQK8NJ67'); </script> <!--Blazor:{"type":"server","prerenderId":"0a91038a741040d999b527e484c9ae7e","key":{"locationHash":"77D12F14A8105320B1AAED6AE7E689DA0EC4483270A645E84079EAA0FFDF550D:0","formattedComponentKey":""},"sequence":0,"descriptor":"CfDJ8DFKbGKsSn9Ig2mhnJ/CD1Kz61u9eQE57NS2nfQALPP8vuLqBTwtBz2n/aD2W7IQHojnNXamknnudvHxRb0z9bRI74wM7zlvvowwa9zrLzg\u002B5hgRb1LobkI4dbIcHMHliYSF4VIfZXZmOdabhZRR5AVYpwG6Y5gyso\u002BwZDTZP5mxfhHzfqk5nxm091ZLPhfS/FD5X5h3siCSQIG8zvX8K2ut\u002B6lZHPbtejLGNksE6gtZhdP15\u002BbQ/O9k6yaAIX3AyWygJpm5QYRuV\u002BlGSROhWG9\u002BayCHY7xnNN/JTdihY4miB8OQChileNXA3dXcc\u002Bnfi9eGMeBFk5hRx\u002BRjugLVq0/CxwCIhhLzW\u002B3ny1vvnuEyBb2A44vNzmQVwdENmpDueFdukm5E63SsLUOHS1MQQO\u002BfgvfpVcJZuuGK7ivCCO6YKoX4PJ7umEb5q4sJyB5z8ilpp\u002BHtfrT5sT\u002BSDYaUuz5zJIpZ1H29UGqa\u002BIh5OZ9YkXHsm1vhxNiAvMa0JjafBT79Ym1BfrCUZ4JWfuk/qltUHU0RKRKoPavaBruR3vZM/bDeCIN\u002Bu\u002B9zwR\u002B3y9oPnwh7aepQbp6KyCQsqap\u002BpbE="}--><title>IOL Calculator</title><!--Blazor:{"prerenderId":"0a91038a741040d999b527e484c9ae7e"}--> <script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=425d7f24-a333-4361-a164-fbe3913e0252;IngestionEndpoint=https://uksouth-1.in.applicationinsights.azure.com/;LiveEndpoint=https://uksouth.livediagnostics.monitor.azure.com/' }});</script></head> <body> <!--Blazor:{"type":"server","prerenderId":"f96a5030e4194a12afb54a59924b5294","key":{"locationHash":"2CFB1E55A437B1D8391B95FB73E3B07243755FA81405B3B6B95D93B7B202C6B7:0","formattedComponentKey":""},"sequence":1,"descriptor":"CfDJ8DFKbGKsSn9Ig2mhnJ/CD1J\u002BG5v\u002BZytRfvLJXG/XGuUrspwA4wtx7fCKVtNLc7MuG07cyoJkRRQzF8asgw/xBITJdMHVP/2cPBmTyn/EeqvqRsWHV8T3zndyNJlmfdgGkmbCiJMexE1iyUT28kWAW3mo0yHhuud4lCkDNBUpeu8IOsaAphoZh\u002BeNRhuxF\u002BsnfBCUSoo\u002BNUEeiLE/tENV4zgCAesAaCKxbuj1pe2MAv8tJjr0yDAWxi0rEwuKNruqVz12Vpj7KDH99O5Lv2gk66MYbf3NOft8xWb/XAaYbfhBak9\u002BCKWVMSTsW8/4nnFfCC4c8VHaFFavaBAlWZJm5tjbd47WBw/YsAG1VL/9AFrCAoJrOMpChcCm2m4bWt1dMSARpphzUgsJ1hd5IbNUml8iMSMyETD195OhxuaJozvtFJNvCvgAahwddOWq9XZ0Zt9HJi7K3rObO4B24Jl84j8P0oHQY4oWZMmgS\u002BRatNWxxy5LRRqG4bPTDVnC8A/orR5Aj1ONYg1fO83btfRKdmM="}--><style> ::-webkit-scrollbar {width: 8px;height: 8px;z-index: 1;} ::-webkit-scrollbar-track {background: transparent;} ::-webkit-scrollbar-thumb {background: #c4c4c4;border-radius: 1px;} ::-webkit-scrollbar-thumb:hover {background: #a6a6a6;} html, body * {scrollbar-color: #c4c4c4 transparent;scrollbar-width: thin;} </style> <style> .mud-chart-serie:hover { filter: url(#lighten); } </style> <style> :root{ --mud-palette-black: rgba(39,44,52,1); --mud-palette-white: rgba(255,255,255,1); --mud-palette-primary: rgba(89,74,226,1); --mud-palette-primary-rgb: 89,74,226; --mud-palette-primary-text: rgba(255,255,255,1); --mud-palette-primary-darken: rgb(62,44,221); --mud-palette-primary-lighten: rgb(118,106,231); --mud-palette-primary-hover: rgba(89,74,226,0.058823529411764705); --mud-palette-secondary: rgba(255,64,129,1); --mud-palette-secondary-rgb: 255,64,129; --mud-palette-secondary-text: rgba(255,255,255,1); --mud-palette-secondary-darken: rgb(255,31,105); --mud-palette-secondary-lighten: rgb(255,102,153); --mud-palette-secondary-hover: rgba(255,64,129,0.058823529411764705); --mud-palette-tertiary: rgba(30,200,165,1); --mud-palette-tertiary-rgb: 30,200,165; --mud-palette-tertiary-text: rgba(255,255,255,1); --mud-palette-tertiary-darken: rgb(25,169,140); --mud-palette-tertiary-lighten: rgb(42,223,187); --mud-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705); --mud-palette-info: rgba(33,150,243,1); --mud-palette-info-rgb: 33,150,243; --mud-palette-info-text: rgba(255,255,255,1); --mud-palette-info-darken: rgb(12,128,223); --mud-palette-info-lighten: rgb(71,167,245); --mud-palette-info-hover: rgba(33,150,243,0.058823529411764705); --mud-palette-success: rgba(0,200,83,1); --mud-palette-success-rgb: 0,200,83; --mud-palette-success-text: rgba(255,255,255,1); --mud-palette-success-darken: rgb(0,163,68); --mud-palette-success-lighten: rgb(0,235,98); --mud-palette-success-hover: rgba(0,200,83,0.058823529411764705); --mud-palette-warning: rgba(255,152,0,1); --mud-palette-warning-rgb: 255,152,0; --mud-palette-warning-text: rgba(255,255,255,1); --mud-palette-warning-darken: rgb(214,129,0); --mud-palette-warning-lighten: rgb(255,167,36); --mud-palette-warning-hover: rgba(255,152,0,0.058823529411764705); --mud-palette-error: rgba(244,67,54,1); --mud-palette-error-rgb: 244,67,54; --mud-palette-error-text: rgba(255,255,255,1); --mud-palette-error-darken: rgb(242,28,13); --mud-palette-error-lighten: rgb(246,96,85); --mud-palette-error-hover: rgba(244,67,54,0.058823529411764705); --mud-palette-dark: rgba(66,66,66,1); --mud-palette-dark-rgb: 66,66,66; --mud-palette-dark-text: rgba(255,255,255,1); --mud-palette-dark-darken: rgb(46,46,46); --mud-palette-dark-lighten: rgb(87,87,87); --mud-palette-dark-hover: rgba(66,66,66,0.058823529411764705); --mud-palette-text-primary: rgba(66,66,66,1); --mud-palette-text-secondary: rgba(0,0,0,0.5372549019607843); --mud-palette-text-disabled: rgba(0,0,0,0.3764705882352941); --mud-palette-action-default: rgba(0,0,0,0.5372549019607843); --mud-palette-action-default-hover: rgba(0,0,0,0.058823529411764705); --mud-palette-action-disabled: rgba(0,0,0,0.25882352941176473); --mud-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941); --mud-palette-surface: rgba(255,255,255,1); --mud-palette-background: rgba(255,255,255,1); --mud-palette-background-gray: rgba(245,245,245,1); --mud-palette-drawer-background: rgba(255,255,255,1); --mud-palette-drawer-text: rgba(66,66,66,1); --mud-palette-drawer-icon: rgba(97,97,97,1); --mud-palette-appbar-background: rgba(89,74,226,1); --mud-palette-appbar-text: rgba(255,255,255,1); --mud-palette-lines-default: rgba(0,0,0,0.11764705882352941); --mud-palette-lines-inputs: rgba(189,189,189,1); --mud-palette-table-lines: rgba(224,224,224,1); --mud-palette-table-striped: rgba(0,0,0,0.0196078431372549); --mud-palette-table-hover: rgba(0,0,0,0.0392156862745098); --mud-palette-divider: rgba(224,224,224,1); --mud-palette-divider-light: rgba(0,0,0,0.8); --mud-palette-skeleton: rgba(0,0,0,0.10980392156862745); --mud-palette-gray-default: #9E9E9E; --mud-palette-gray-light: #BDBDBD; --mud-palette-gray-lighter: #E0E0E0; --mud-palette-gray-dark: #757575; --mud-palette-gray-darker: #616161; --mud-palette-overlay-dark: rgba(33,33,33,0.4980392156862745); --mud-palette-overlay-light: rgba(255,255,255,0.4980392156862745); --mud-ripple-color: var(--mud-palette-text-primary); --mud-ripple-opacity: 0.1; --mud-ripple-opacity-secondary: 0.2; --mud-elevation-0: none; --mud-elevation-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); --mud-elevation-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); --mud-elevation-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12); --mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); --mud-elevation-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12); --mud-elevation-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); --mud-elevation-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12); --mud-elevation-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); --mud-elevation-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12); --mud-elevation-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12); --mud-elevation-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12); --mud-elevation-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); --mud-elevation-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12); --mud-elevation-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12); --mud-elevation-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12); --mud-elevation-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); --mud-elevation-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); --mud-elevation-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12); --mud-elevation-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12); --mud-elevation-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12); --mud-elevation-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12); --mud-elevation-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12); --mud-elevation-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12); --mud-elevation-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); --mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036); --mud-default-borderradius: 4px; --mud-drawer-width-left: 240px; --mud-drawer-width-right: 240px; --mud-drawer-width-mini-left: 56px; --mud-drawer-width-mini-right: 56px; --mud-appbar-height: 64px; --mud-typography-default-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-default-size: .875rem; --mud-typography-default-weight: 400; --mud-typography-default-lineheight: 1.43; --mud-typography-default-letterspacing: .01071em; --mud-typography-default-text-transform: none; --mud-typography-h1-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-h1-size: 6rem; --mud-typography-h1-weight: 300; --mud-typography-h1-lineheight: 1.167; --mud-typography-h1-letterspacing: -.01562em; --mud-typography-h1-text-transform: none; --mud-typography-h2-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-h2-size: 3.75rem; --mud-typography-h2-weight: 300; --mud-typography-h2-lineheight: 1.2; --mud-typography-h2-letterspacing: -.00833em; --mud-typography-h2-text-transform: none; --mud-typography-h3-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-h3-size: 3rem; --mud-typography-h3-weight: 400; --mud-typography-h3-lineheight: 1.167; --mud-typography-h3-letterspacing: 0; --mud-typography-h3-text-transform: none; --mud-typography-h4-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-h4-size: 2.125rem; --mud-typography-h4-weight: 400; --mud-typography-h4-lineheight: 1.235; --mud-typography-h4-letterspacing: .00735em; --mud-typography-h4-text-transform: none; --mud-typography-h5-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-h5-size: 1.5rem; --mud-typography-h5-weight: 400; --mud-typography-h5-lineheight: 1.334; --mud-typography-h5-letterspacing: 0; --mud-typography-h5-text-transform: none; --mud-typography-h6-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-h6-size: 1.25rem; --mud-typography-h6-weight: 500; --mud-typography-h6-lineheight: 1.6; --mud-typography-h6-letterspacing: .0075em; --mud-typography-h6-text-transform: none; --mud-typography-subtitle1-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-subtitle1-size: 1rem; --mud-typography-subtitle1-weight: 400; --mud-typography-subtitle1-lineheight: 1.75; --mud-typography-subtitle1-letterspacing: .00938em; --mud-typography-subtitle1-text-transform: none; --mud-typography-subtitle2-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-subtitle2-size: .875rem; --mud-typography-subtitle2-weight: 500; --mud-typography-subtitle2-lineheight: 1.57; --mud-typography-subtitle2-letterspacing: .00714em; --mud-typography-subtitle2-text-transform: none; --mud-typography-body1-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-body1-size: 1rem; --mud-typography-body1-weight: 400; --mud-typography-body1-lineheight: 1.5; --mud-typography-body1-letterspacing: .00938em; --mud-typography-body1-text-transform: none; --mud-typography-body2-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-body2-size: .875rem; --mud-typography-body2-weight: 400; --mud-typography-body2-lineheight: 1.43; --mud-typography-body2-letterspacing: .01071em; --mud-typography-body2-text-transform: none; --mud-typography-input-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-input-size: 1rem; --mud-typography-input-weight: 400; --mud-typography-input-lineheight: 1.1876; --mud-typography-input-letterspacing: .00938em; --mud-typography-input-text-transform: none; --mud-typography-button-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-button-size: .875rem; --mud-typography-button-weight: 500; --mud-typography-button-lineheight: 1.75; --mud-typography-button-letterspacing: .02857em; --mud-typography-button-text-transform: uppercase; --mud-typography-caption-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-caption-size: .75rem; --mud-typography-caption-weight: 400; --mud-typography-caption-lineheight: 1.66; --mud-typography-caption-letterspacing: .03333em; --mud-typography-caption-text-transform: none; --mud-typography-overline-family: 'Roboto','Helvetica','Arial','sans-serif'; --mud-typography-overline-size: .75rem; --mud-typography-overline-weight: 400; --mud-typography-overline-lineheight: 2.66; --mud-typography-overline-letterspacing: .08333em; --mud-typography-overline-text-transform: none; --mud-zindex-drawer: 1100; --mud-zindex-appbar: 1300; --mud-zindex-dialog: 1400; --mud-zindex-popover: 1200; --mud-zindex-snackbar: 1500; --mud-zindex-tooltip: 1600; --mud-native-html-color-scheme: light; } </style> <div class="mud-popover-provider"><div id="popovercontent-fdf50630-43d7-4399-b09e-7974e00a7e80" data-ticks="0" class="mud-popover mud-popover-top-left mud-popover-anchor-top-left mud-popover-overflow-flip-onopen mud-paper mud-elevation-8" style="transition-duration:251ms;transition-delay:0ms;"></div></div> <div id="mud-snackbar-container" class="mud-snackbar-location-bottom-left"></div> <div class="mud-layout mud-drawer-close-responsive-md-left mud-drawer-left-clipped-never" style=""><header class="mud-appbar mud-appbar-fixed-top mud-elevation-25 noprint"><div role="toolbar" class="mud-toolbar mud-toolbar-gutters mud-toolbar-appbar"><button type="button" class="mud-button-root mud-icon-button mud-inherit-text hover:mud-inherit-hover mud-ripple mud-ripple-icon mud-icon-button-edge-start" __internal_stopPropagation_onclick><span class="mud-icon-button-label"><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></span></button> <img src="/images/ESCRS_IOL_logo.png" alt="ESCRS IOL Calculator" class="application_logo"> <div aria-hidden="true" class="flex-grow-1"></div> <div role="group" class="mud-button-group-root mud-button-group-override-styles mud-button-group-filled mud-button-group-filled-default mud-button-group-filled-size-medium mud-button-group-horizontal mud-theme-info"><button type="button" class="mud-button-root mud-button mud-button-text mud-button-text-default mud-button-text-size-medium mud-ripple d-none d-sm-flex mud-theme-info" __internal_stopPropagation_onclick><span class="mud-button-label">Decimal (0.00)</span></button> <div class="mud-menu"><button type="button" class="mud-button-root mud-icon-button mud-ripple mud-ripple-icon" __internal_stopPropagation_onclick><span class="mud-icon-button-label"><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><g><rect fill="none" height="24" width="24"/></g><g><path d="M20.5,10L21,8h-4l1-4h-2l-1,4h-4l1-4h-2L9,8H5l-0.5,2h4l-1,4h-4L3,16h4l-1,4h2l1-4h4l-1,4h2l1-4h4l0.5-2h-4l1-4H20.5z M13.5,14h-4l1-4h4L13.5,14z"/></g></svg></span></button><div id="popover-fdf50630-43d7-4399-b09e-7974e00a7e80" class="mud-popover-cascading-value"></div> </div></div> <button aria-pressed="false" Title="Switch to Dark Mode" ToggledTitle="Switch to Light Mode" type="button" class="mud-button-root mud-icon-button mud-inherit-text hover:mud-inherit-hover mud-ripple mud-ripple-icon" __internal_stopPropagation_onclick><span class="mud-icon-button-label"><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><rect fill="none" height="24" width="24"/><path d="M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26 c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg></span></button></div></header> <aside class="mud-drawer mud-drawer-fixed mud-drawer-pos-left mud-drawer--closed mud-drawer--initial mud-drawer-md mud-drawer-clipped-never mud-elevation-2 mud-drawer-responsive" style=""><div class="mud-drawer-content"><div class="mud-drawer-header"><h6 class="mud-typography mud-typography-h6">IOL Calculator</h6></div> <nav class="mud-navmenu mud-navmenu-default mud-navmenu-margin-none"><div class="mud-nav-item"><a href="/" rel="" tabindex="0" class="mud-nav-link mud-ripple active" aria-current="page"><svg class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium mud-nav-link-icon mud-nav-link-icon-default" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg><div class="mud-nav-link-text">Home</div></a></div> <div class="mud-nav-item"><a href="/about" rel="" tabindex="0" class="mud-nav-link mud-ripple"><svg class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium mud-nav-link-icon mud-nav-link-icon-default" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg><div class="mud-nav-link-text">About</div></a></div> <div class="mud-nav-item"><a href="/faqs" rel="" tabindex="0" class="mud-nav-link mud-ripple"><svg class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium mud-nav-link-icon mud-nav-link-icon-default" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg><div class="mud-nav-link-text">FAQs</div></a></div> <div class="mud-nav-item"><a href="/PostLVC" rel="" tabindex="0" class="mud-nav-link mud-ripple"><svg class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium mud-nav-link-icon mud-nav-link-icon-default" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg><div class="mud-nav-link-text">Post LVC</div></a></div> <div class="mud-nav-item"><a href="/privacy" rel="" tabindex="0" class="mud-nav-link mud-ripple"><svg class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium mud-nav-link-icon mud-nav-link-icon-default" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg><div class="mud-nav-link-text">Privacy Policy</div></a></div> <div class="mud-nav-item"><a href="/contact" rel="" tabindex="0" class="mud-nav-link mud-ripple"><svg class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium mud-nav-link-icon mud-nav-link-icon-default" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg><div class="mud-nav-link-text">Contact Us</div></a></div></nav></div></aside> <div class="mud-main-content"><div class="mud-container mud-container-maxwidth-lg mud-container--gutters my-5 pt-5"> <div></div><div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="mud-progress-linear mud-progress-indeterminate mud-progress-linear-small mud-progress-linear-color-primary horizontal mud-flip-x-rtl my-7"><div class="mud-progress-linear-bars"><div class="mud-progress-linear-bar"></div> <div class="mud-progress-linear-bar"></div></div></div></div></div></div><!--Blazor:{"prerenderId":"f96a5030e4194a12afb54a59924b5294"}--> <script src="Scripts/scriptLoader.js"></script> <script> ScrollElementIntoView = element => element.scrollIntoView({ behavior: 'smooth' }); function printInvoke() { window.print(); } function checkConsent() { return localStorage.getItem('hasConsented') === 'true'; } function giveConsent() { localStorage.setItem('hasConsented', 'true'); } function copyToClipboard(text) { navigator.clipboard.writeText(text) .then(() => { // Success: Show a toast or alert showSnackBar('Copied successfully','success'); }) .catch((err) => { // Error: Show a toast or alert showSnackBar('Error copying to clipboard: ${err.message}','error'); }); } // Display a toast message function showSnackBar(message, level) { const snackbar = document.createElement("div"); snackbar.id = "snackbar"; // Apply the CSS styles from the #snackbar selector snackbar.textContent = message; document.body.appendChild(snackbar); snackbar.classList.add(level); // Add the "show" class to trigger the CSS animation snackbar.classList.add("show"); // Add the "show" class to trigger the CSS animation // Automatically hide the snackbar after 3 seconds setTimeout(() => { snackbar.remove(); }, 3000); } </script> <div id="blazor-error-ui"> An error has occurred. This application may no longer respond until reloaded. <a href="" class="reload">Reload</a> <a class="dismiss">馃棛</a> </div> <script src="_content/Plotly.Blazor/plotly-latest.min.js" type="text/javascript"></script> <script src="_content/Plotly.Blazor/plotly-interop.js" type="text/javascript"></script> <script src="_framework/blazor.server.js"></script> <script src="_content/MudBlazor/MudBlazor.min.js"></script> </body> </html>