.refraction-compare-module__I-U1XW__rfCompare{--lp:0;--rf-ease:cubic-bezier(.22, 1, .36, 1);--teal:#1ba7a4;--teal-deep:#0e3b39;--ink:#0e1720;--ink-soft:#50565b;--sand:#f1efe8;--seafoam:#cdeae7;--coral:#f26b4f;--coral-cta:#cf4932;--white:#fff;gap:clamp(20px,3vw,32px);margin-top:clamp(36px,4.5vw,64px);display:grid;position:relative}.refraction-compare-module__I-U1XW__rfLabels{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:min(420px,100%);margin-inline:auto;display:flex}.refraction-compare-module__I-U1XW__rfLabelBtn{appearance:none;min-height:44px;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 42%, var(--sand) 58%);cursor:pointer;background:0 0;border:0;padding:10px 4px;font-size:10px;font-weight:700;transition:color .28s;position:relative}.refraction-compare-module__I-U1XW__rfLabelBtn:after{content:"";height:1px;transition:background .28s ease, transform .28s var(--rf-ease);transform-origin:50%;background:0 0;position:absolute;bottom:6px;left:4px;right:4px;transform:scaleX(.4)}.refraction-compare-module__I-U1XW__rfLabelBtn[data-active=true]{color:var(--teal)}.refraction-compare-module__I-U1XW__rfLabelBtn[data-active=true]:after{background:color-mix(in srgb, var(--teal) 55%, transparent);transform:scaleX(1)}.refraction-compare-module__I-U1XW__rfLabelBtn:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:2px}.refraction-compare-module__I-U1XW__rfMobileInstrument{justify-content:center;align-items:center;display:flex;position:relative}.refraction-compare-module__I-U1XW__rfDesktopStage{display:none}.refraction-compare-module__I-U1XW__rfDialWrap{aspect-ratio:1;--resolve:var(--lp);width:min(280px,72vw);position:relative}.refraction-compare-module__I-U1XW__rfDialWrap:before{content:"";background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--seafoam) calc(var(--resolve) * 70%), transparent) 0%, color-mix(in srgb, var(--seafoam) calc(var(--resolve) * 18%), transparent) 55%, transparent 72%);opacity:calc(.2 + var(--resolve) * .4);pointer-events:none;z-index:0;border-radius:50%;position:absolute;inset:16%}.refraction-compare-module__I-U1XW__rfDial{z-index:1;fill:none;width:100%;height:100%;display:block;position:relative;overflow:visible}.refraction-compare-module__I-U1XW__rfFrameA{stroke:color-mix(in srgb, color-mix(in srgb, var(--ink) 30%, var(--sand) 70%) calc((1 - var(--resolve)) * 100%), color-mix(in srgb, var(--teal) 55%, var(--teal-deep) 45%) calc(var(--resolve) * 100%));opacity:calc(.58 + var(--resolve) * .14);stroke-width:1px;transform-origin:100px 100px;transform:translateX(calc((1 - var(--resolve)) * -2px))}.refraction-compare-module__I-U1XW__rfFrameB{stroke:color-mix(in srgb, color-mix(in srgb, var(--ink) 24%, var(--sand) 76%) calc((1 - var(--resolve)) * 100%), var(--teal) calc(var(--resolve) * 100%));opacity:calc(.38 + var(--resolve) * .1);stroke-width:1px;transform-origin:100px 100px;transform:translateX(calc((1 - var(--resolve)) * 2px))}.refraction-compare-module__I-U1XW__rfField{transform-origin:100px 100px;transform:translate(calc((1 - var(--resolve)) * -1.6px), calc((1 - var(--resolve)) * 1.1px));filter:blur(calc((1 - var(--resolve)) * 1.1px))}.refraction-compare-module__I-U1XW__rfField circle{stroke:color-mix(in srgb, color-mix(in srgb, var(--ink) 34%, var(--sand) 66%) calc((1 - var(--resolve)) * 100%), var(--teal) calc(var(--resolve) * 100%));stroke-width:1.15px;opacity:calc(.58 + var(--resolve) * .16)}.refraction-compare-module__I-U1XW__rfInnerRing{opacity:var(--resolve)}.refraction-compare-module__I-U1XW__rfFocusRing{stroke:color-mix(in srgb, color-mix(in srgb, var(--ink) 32%, var(--sand) 68%) calc((1 - var(--resolve)) * 100%), var(--teal) calc(var(--resolve) * 100%));stroke-width:1.35px;opacity:calc(.32 + var(--resolve) * .18);transform-origin:100px 100px;transform:translate(calc((1 - var(--resolve)) * -1.6px), calc((1 - var(--resolve)) * 1.1px)) scale(calc(1.08 - var(--resolve) * .05));filter:blur(calc((1 - var(--resolve)) * .8px))}.refraction-compare-module__I-U1XW__rfTicksMajor{transform-origin:100px 100px;transform:rotate(calc((1 - var(--resolve)) * -3.5deg))}.refraction-compare-module__I-U1XW__rfTicksMajor path{stroke:color-mix(in srgb, color-mix(in srgb, var(--ink) 32%, var(--sand) 68%) calc((1 - var(--resolve)) * 100%), var(--teal) calc(var(--resolve) * 100%));stroke-width:1.2px;stroke-linecap:round;opacity:calc(.48 + var(--resolve) * .24)}.refraction-compare-module__I-U1XW__rfTicksMinor{opacity:calc(var(--resolve) * .42)}.refraction-compare-module__I-U1XW__rfTicksMinor path{stroke:var(--teal);stroke-width:1px;stroke-linecap:round}.refraction-compare-module__I-U1XW__rfAxis{transform-origin:100px 100px}.refraction-compare-module__I-U1XW__rfAxisFull{stroke:var(--teal-deep);stroke-width:1.15px;stroke-linecap:round;opacity:calc(var(--resolve) * .78)}.refraction-compare-module__I-U1XW__rfAxisSoft{stroke:color-mix(in srgb, var(--ink) 32%, var(--sand) 68%);stroke-width:1.15px;stroke-linecap:round;opacity:calc((1 - var(--resolve)) * .48)}.refraction-compare-module__I-U1XW__rfAlignCue{stroke:color-mix(in srgb, color-mix(in srgb, var(--ink) 32%, var(--sand) 68%) calc((1 - var(--resolve)) * 100%), var(--teal) calc(var(--resolve) * 100%));stroke-width:1px;stroke-linecap:round;opacity:calc(.3 + var(--resolve) * .28);transform-origin:100px 100px;transform:translate(calc((1 - var(--resolve)) * 2px), calc((1 - var(--resolve)) * -1.5px)) rotate(calc((1 - var(--resolve)) * -2deg))}.refraction-compare-module__I-U1XW__rfCentre{fill:color-mix(in srgb, color-mix(in srgb, var(--ink) 42%, var(--sand) 58%) calc((1 - var(--resolve)) * 100%), var(--ink) calc(var(--resolve) * 100%));stroke:none;opacity:calc(.6 + var(--resolve) * .4);transform-origin:100px 100px;transform:translate(calc((1 - var(--resolve)) * -1.6px), calc((1 - var(--resolve)) * 1.1px))}.refraction-compare-module__I-U1XW__rfCoral{fill:var(--coral);stroke:none;opacity:calc(.35 + var(--resolve) * .57);transform-origin:134px 60px;transform:translate(calc((1 - var(--resolve)) * -14px), calc((1 - var(--resolve)) * 10px)) scale(calc(.7 + var(--resolve) * .3))}.refraction-compare-module__I-U1XW__rfSliderBlock{gap:10px;width:100%;max-width:min(420px,100%);margin-inline:auto;display:grid}.refraction-compare-module__I-U1XW__rfHint{text-align:center;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--teal) 70%, var(--ink) 30%);margin:0;font-size:10px;font-weight:700;transition:opacity .4s}.refraction-compare-module__I-U1XW__rfHint[data-hidden=true]{opacity:0;pointer-events:none}.refraction-compare-module__I-U1XW__rfSliderRow{grid-template-columns:1fr;align-items:center;gap:10px;display:grid}.refraction-compare-module__I-U1XW__rfEndpoint{appearance:none;min-height:44px;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 38%, var(--sand) 62%);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-size:9px;font-weight:700;transition:color .28s;display:none}.refraction-compare-module__I-U1XW__rfEndpoint[data-active=true]{color:var(--teal)}.refraction-compare-module__I-U1XW__rfEndpoint:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}.refraction-compare-module__I-U1XW__rfSlider{cursor:grab;touch-action:none;outline:none;align-items:center;min-width:0;height:48px;display:flex;position:relative}.refraction-compare-module__I-U1XW__rfCompare[data-dragging=true] .refraction-compare-module__I-U1XW__rfSlider{cursor:grabbing}.refraction-compare-module__I-U1XW__rfSlider:focus-visible .refraction-compare-module__I-U1XW__rfHandleRing{stroke:var(--teal);outline:2px solid var(--teal);outline-offset:3px}.refraction-compare-module__I-U1XW__rfSliderRail{background:color-mix(in srgb, var(--teal) 28%, transparent);border-radius:1px;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:0;right:0}.refraction-compare-module__I-U1XW__rfSliderFill{background:color-mix(in srgb, var(--teal) 72%, var(--ink) 28%);pointer-events:none;border-radius:1px;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:0}.refraction-compare-module__I-U1XW__rfSliderDetent{border:1px solid color-mix(in srgb, var(--teal) 45%, transparent);background:var(--sand);pointer-events:none;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%}.refraction-compare-module__I-U1XW__rfSliderDetent[data-at="1"]{left:0}.refraction-compare-module__I-U1XW__rfSliderDetent[data-at="2"]{left:auto;right:0}.refraction-compare-module__I-U1XW__rfHandle{pointer-events:none;place-items:center;width:44px;height:44px;margin-top:-22px;margin-left:-22px;display:grid;position:absolute;top:50%}.refraction-compare-module__I-U1XW__rfHandleRing{border:1.25px solid color-mix(in srgb, var(--teal) 55%, var(--ink) 20%);background:color-mix(in srgb, var(--sand) 88%, var(--white) 12%);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent);border-radius:50%;position:absolute;inset:6px}.refraction-compare-module__I-U1XW__rfHandleCore{border:1px solid color-mix(in srgb, var(--teal) 40%, transparent);background:0 0;border-radius:50%;position:absolute;inset:14px}.refraction-compare-module__I-U1XW__rfHandleCoral{background:var(--coral-cta);z-index:1;border-radius:50%;width:5px;height:5px;position:absolute}.refraction-compare-module__I-U1XW__rfCopyTitle{font:400 clamp(23px, 2.1vw, 31px)/1.22 var(--font-dm-serif-display), Georgia, serif;color:var(--ink);margin:0 0 18px}.refraction-compare-module__I-U1XW__rfCopyList{gap:12px;margin:0;padding:0;list-style:none;display:grid}.refraction-compare-module__I-U1XW__rfCopyList li{color:var(--ink-soft);min-height:1.62em;padding-left:24px;font-size:14px;line-height:1.62;position:relative}.refraction-compare-module__I-U1XW__rfCopyList li:before{content:"";background:var(--teal);width:12px;height:1.5px;position:absolute;top:.62em;left:0}.refraction-compare-module__I-U1XW__rfCopyBlock[data-lens="1"] .refraction-compare-module__I-U1XW__rfCopyList li:before{background:color-mix(in srgb, var(--ink) 34%, var(--sand) 66%)}.refraction-compare-module__I-U1XW__rfCopyBlock[data-lens="2"] .refraction-compare-module__I-U1XW__rfCopyList li:before{background:var(--teal)}.refraction-compare-module__I-U1XW__rfMobileCopy{min-height:11.5em;display:block}.refraction-compare-module__I-U1XW__rfCopyStack{position:relative}.refraction-compare-module__I-U1XW__rfMobileCopy .refraction-compare-module__I-U1XW__rfCopyBlock{transition:opacity .26s var(--rf-ease), transform .26s var(--rf-ease), filter .26s ease}.refraction-compare-module__I-U1XW__rfMobileCopy .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=in]{opacity:1;filter:none;position:relative;transform:none}.refraction-compare-module__I-U1XW__rfMobileCopy .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=out]{opacity:0;filter:blur(1.5px);pointer-events:none;width:100%;position:absolute;inset:0 auto auto 0;transform:translateY(-8px)}.refraction-compare-module__I-U1XW__rfMobileCopy[data-swapping=true] .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=in]{animation:refraction-compare-module__I-U1XW__rfCopyIn .26s var(--rf-ease) both}.refraction-compare-module__I-U1XW__rfMobileCopy[data-swapping=true] .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=in] .refraction-compare-module__I-U1XW__rfCopyList li{animation:refraction-compare-module__I-U1XW__rfBulletIn .28s var(--rf-ease) both;animation-delay:calc(40ms + var(--i,0) * 50ms)}@keyframes refraction-compare-module__I-U1XW__rfCopyIn{0%{opacity:0;filter:blur(1.5px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}@keyframes refraction-compare-module__I-U1XW__rfBulletIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.refraction-compare-module__I-U1XW__rfDesktopCopy{display:none}.refraction-compare-module__I-U1XW__rfLensSelect{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:none;justify-items:center;gap:14px;width:100%;margin:0;padding:0;display:grid}.refraction-compare-module__I-U1XW__rfColLabel{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 42%, var(--sand) 58%);padding:4px 2px 8px;font-size:10px;font-weight:700;transition:color .28s;position:relative}.refraction-compare-module__I-U1XW__rfColLabel:after{content:"";height:1px;transition:background .28s ease, transform .28s var(--rf-ease);transform-origin:50%;background:0 0;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(.4)}.refraction-compare-module__I-U1XW__rfLensCol[data-active=true] .refraction-compare-module__I-U1XW__rfColLabel{color:var(--teal)}.refraction-compare-module__I-U1XW__rfLensCol[data-active=true] .refraction-compare-module__I-U1XW__rfColLabel:after{background:color-mix(in srgb, var(--teal) 55%, transparent);transform:scaleX(1)}@media (min-width:900px){.refraction-compare-module__I-U1XW__rfCompare{grid-template-columns:1fr 1fr;grid-template-areas:"stage stage""slider slider""copy1 copy2";align-items:start;gap:clamp(16px,2vw,24px) clamp(32px,4vw,64px)}.refraction-compare-module__I-U1XW__rfLabels,.refraction-compare-module__I-U1XW__rfMobileInstrument,.refraction-compare-module__I-U1XW__rfMobileCopy{display:none}.refraction-compare-module__I-U1XW__rfDesktopStage{grid-area:stage;grid-template-columns:1fr 1fr;align-items:start;column-gap:clamp(32px,4vw,64px);display:grid}.refraction-compare-module__I-U1XW__rfLensCol{justify-items:center;display:grid}.refraction-compare-module__I-U1XW__rfLensSelect:hover .refraction-compare-module__I-U1XW__rfDialWrap,.refraction-compare-module__I-U1XW__rfLensSelect:focus-visible .refraction-compare-module__I-U1XW__rfDialWrap{outline:1.5px solid color-mix(in srgb, var(--teal) 42%, transparent);outline-offset:10px;border-radius:50%}.refraction-compare-module__I-U1XW__rfLensSelect:focus-visible{outline:none}.refraction-compare-module__I-U1XW__rfDialWrap{width:clamp(260px,28vw,340px);transition:opacity .32s ease, filter .32s ease, transform .32s var(--rf-ease)}.refraction-compare-module__I-U1XW__rfLensColOne .refraction-compare-module__I-U1XW__rfDialWrap{--resolve:calc(.08 + (1 - var(--lp)) * .34);opacity:calc(.68 + (1 - var(--lp)) * .32);filter:blur(calc(var(--lp) * 1.25px));transform:scale(calc(1 - var(--lp) * .025))}.refraction-compare-module__I-U1XW__rfLensColTwo .refraction-compare-module__I-U1XW__rfDialWrap{--resolve:calc(.58 + var(--lp) * .42);opacity:calc(.68 + var(--lp) * .32);filter:blur(calc((1 - var(--lp)) * 1.25px));transform:scale(calc(.975 + var(--lp) * .025))}.refraction-compare-module__I-U1XW__rfSliderBlock{grid-area:slider;width:100%;max-width:none;padding-inline:clamp(4px,1vw,12px)}.refraction-compare-module__I-U1XW__rfSliderRow{grid-template-columns:auto 1fr auto;gap:14px}.refraction-compare-module__I-U1XW__rfEndpoint{letter-spacing:.18em;min-width:5.5em;font-size:10px;display:block}.refraction-compare-module__I-U1XW__rfEndpoint[data-side="1"]{text-align:left}.refraction-compare-module__I-U1XW__rfEndpoint[data-side="2"]{text-align:right}.refraction-compare-module__I-U1XW__rfDesktopCopy{display:contents}.refraction-compare-module__I-U1XW__rfSideOne{grid-area:copy1}.refraction-compare-module__I-U1XW__rfSideTwo{grid-area:copy2}.refraction-compare-module__I-U1XW__rfSide{transition:opacity .32s}.refraction-compare-module__I-U1XW__rfSideOne{opacity:calc(.72 + (1 - var(--lp)) * .28)}.refraction-compare-module__I-U1XW__rfSideTwo{opacity:calc(.72 + var(--lp) * .28)}.refraction-compare-module__I-U1XW__rfSide .refraction-compare-module__I-U1XW__rfCopyTitle{transition:color .28s}.refraction-compare-module__I-U1XW__rfSideOne .refraction-compare-module__I-U1XW__rfCopyTitle{color:color-mix(in srgb, var(--ink) calc(72% + (1 - var(--lp)) * 28%), var(--sand) calc((var(--lp)) * 18%))}.refraction-compare-module__I-U1XW__rfSideTwo .refraction-compare-module__I-U1XW__rfCopyTitle{color:color-mix(in srgb, var(--ink) calc(72% + var(--lp) * 28%), var(--sand) calc((1 - var(--lp)) * 18%))}.refraction-compare-module__I-U1XW__rfSide[data-active=true] .refraction-compare-module__I-U1XW__rfCopyList li:before{width:14px}.refraction-compare-module__I-U1XW__rfSide .refraction-compare-module__I-U1XW__rfCopyList{gap:14px}.refraction-compare-module__I-U1XW__rfSide .refraction-compare-module__I-U1XW__rfCopyList li{min-height:2.9em}}@media (min-width:1200px){.refraction-compare-module__I-U1XW__rfDialWrap{width:clamp(300px,26vw,360px)}}@media (prefers-reduced-motion:reduce){.refraction-compare-module__I-U1XW__rfFrameA,.refraction-compare-module__I-U1XW__rfFrameB,.refraction-compare-module__I-U1XW__rfField,.refraction-compare-module__I-U1XW__rfFocusRing,.refraction-compare-module__I-U1XW__rfTicksMajor,.refraction-compare-module__I-U1XW__rfAlignCue,.refraction-compare-module__I-U1XW__rfCentre,.refraction-compare-module__I-U1XW__rfCoral,.refraction-compare-module__I-U1XW__rfInnerRing,.refraction-compare-module__I-U1XW__rfAxisFull,.refraction-compare-module__I-U1XW__rfAxisSoft,.refraction-compare-module__I-U1XW__rfTicksMajor path,.refraction-compare-module__I-U1XW__rfField circle{filter:none!important;transition:none!important}.refraction-compare-module__I-U1XW__rfCompare[data-lens="1"]{--lp:0!important}.refraction-compare-module__I-U1XW__rfCompare[data-lens="2"]{--lp:1!important}.refraction-compare-module__I-U1XW__rfLensColOne .refraction-compare-module__I-U1XW__rfDialWrap,.refraction-compare-module__I-U1XW__rfLensColTwo .refraction-compare-module__I-U1XW__rfDialWrap{filter:none!important;transition:opacity .2s!important;transform:none!important}.refraction-compare-module__I-U1XW__rfCompare[data-lens="1"] .refraction-compare-module__I-U1XW__rfLensColOne .refraction-compare-module__I-U1XW__rfDialWrap{opacity:1}.refraction-compare-module__I-U1XW__rfCompare[data-lens="1"] .refraction-compare-module__I-U1XW__rfLensColTwo .refraction-compare-module__I-U1XW__rfDialWrap,.refraction-compare-module__I-U1XW__rfCompare[data-lens="2"] .refraction-compare-module__I-U1XW__rfLensColOne .refraction-compare-module__I-U1XW__rfDialWrap{opacity:.68}.refraction-compare-module__I-U1XW__rfCompare[data-lens="2"] .refraction-compare-module__I-U1XW__rfLensColTwo .refraction-compare-module__I-U1XW__rfDialWrap{opacity:1}.refraction-compare-module__I-U1XW__rfLensColOne .refraction-compare-module__I-U1XW__rfDialWrap{--resolve:.2!important}.refraction-compare-module__I-U1XW__rfLensColTwo .refraction-compare-module__I-U1XW__rfDialWrap{--resolve:1!important}.refraction-compare-module__I-U1XW__rfDialWrapMobile{--resolve:var(--lp)!important}.refraction-compare-module__I-U1XW__rfSide{transition:opacity .2s!important}.refraction-compare-module__I-U1XW__rfMobileCopy .refraction-compare-module__I-U1XW__rfCopyBlock,.refraction-compare-module__I-U1XW__rfMobileCopy[data-swapping=true] .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=in],.refraction-compare-module__I-U1XW__rfMobileCopy[data-swapping=true] .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=in] .refraction-compare-module__I-U1XW__rfCopyList li{filter:none!important;transition:opacity .2s!important;animation:none!important;transform:none!important}.refraction-compare-module__I-U1XW__rfMobileCopy .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=out]{opacity:0}.refraction-compare-module__I-U1XW__rfMobileCopy .refraction-compare-module__I-U1XW__rfCopyBlock[data-role=in]{opacity:1}}