@charset "UTF-8";.dims-technology__lens{--lens-ink: #2d2a28;--lens-blue: #0057bc;--lens-orange: #FDBA4D;--lens-hex-fill: #FEDEA9;--lens-dot-therapy: #fcb94d;align-items:stretch}.dims-technology__lens-stage{aspect-ratio:1450/1300;container-type:inline-size}.dims-technology__lens-visual,.dims-technology__lens-notes,.dims-technology__lens-labels{position:absolute;inset:0}.dims-technology__lens-notes,.dims-technology__lens-labels{pointer-events:none}.dims-technology__lens-lottie{position:absolute;left:11.862%;top:7.692%;width:81.103%;height:90.462%}.dims-technology__lens-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dims-technology__lens-links{transition:opacity .3s .1s}.dims-technology__lens-link{cursor:pointer}.dims-technology__lens-link path:not(.dims-technology__lens-hit){fill:none;stroke:var(--lens-ink);stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke .2s}.dims-technology__lens-link circle{fill:var(--lens-ink);transform-box:fill-box;transform-origin:center;transform:scale(0);transition:fill .2s,transform .25s}.dims-technology__lens-link.is-active path:not(.dims-technology__lens-hit){stroke:var(--lens-blue)}.dims-technology__lens-link.is-active circle{fill:var(--lens-blue);transform:scale(1.6)}.dims-technology__lens-hit{fill:none;stroke:transparent;stroke-width:28;pointer-events:stroke}.dims-technology__lens-notes{transition:opacity .3s .1s}.dims-technology__lens-note{position:absolute;box-sizing:border-box;margin:0;padding:1.93cqw;border:0;border-radius:0;background:transparent;color:var(--lens-ink);font:inherit;font-size:2.2cqw;font-weight:700;line-height:1.75;text-align:left;cursor:pointer;pointer-events:auto;opacity:0;transition:background .2s,color .2s,opacity .4s}.dims-technology__lens-note:focus-visible{outline:.3rem solid var(--lens-blue);outline-offset:.4rem}.dims-technology__lens-note.is-active{background:var(--lens-blue);color:#fff}.dims-technology__lens-note--therapeutic{left:7.172%;top:2.846%;width:34.759%}.dims-technology__lens-note--central{left:51.724%;top:2.846%;width:45.379%;text-align:right}.dims-technology__lens-note--myopia{left:7.172%;top:83.077%;width:56.828%}.dims-technology__lens.is-ready .dims-technology__lens-link path:not(.dims-technology__lens-hit){stroke-dashoffset:0;transition:stroke-dashoffset .7s ease-out,stroke .2s}.dims-technology__lens.is-ready .dims-technology__lens-link circle{transform:scale(1)}.dims-technology__lens.is-ready .dims-technology__lens-link.is-active circle{transform:scale(1.6)}.dims-technology__lens.is-ready .dims-technology__lens-link--central path:not(.dims-technology__lens-hit){transition:stroke-dashoffset .7s ease-out .15s,stroke .2s}.dims-technology__lens.is-ready .dims-technology__lens-link--myopia path:not(.dims-technology__lens-hit){transition:stroke-dashoffset .7s ease-out .3s,stroke .2s}.dims-technology__lens.is-ready .dims-technology__lens-note{opacity:1}.dims-technology__lens.is-ready .dims-technology__lens-note--central{transition:background .2s,color .2s,opacity .4s .15s}.dims-technology__lens.is-ready .dims-technology__lens-note--myopia{transition:background .2s,color .2s,opacity .4s .3s}.dims-technology__lens[data-state=optical] .dims-technology__lens-notes,.dims-technology__lens[data-state=optical] .dims-technology__lens-links,.dims-technology__lens[data-state=therapy] .dims-technology__lens-notes,.dims-technology__lens[data-state=therapy] .dims-technology__lens-links{opacity:0;pointer-events:none;transition:opacity .25s}.dims-technology__lens-dot{transition:stroke .2s}.dims-technology__lens[data-state=therapy] .dims-technology__lens-dot{stroke:var(--lens-dot-therapy);transition:stroke .35s .15s}.dims-technology__lens-fade{fill:#fff;opacity:0;transition:opacity .2s}.dims-technology__lens-hex{fill:var(--lens-hex-fill);stroke:var(--lens-orange);stroke-width:4;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transform:scale(0);opacity:0;transition:transform .2s,opacity .2s}.dims-technology__lens-state-link path{fill:none;stroke:var(--lens-blue);stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .15s}.dims-technology__lens-state-link circle{fill:var(--lens-blue);transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .15s}.dims-technology__lens-label{position:absolute;box-sizing:border-box;display:flex;align-items:center;margin:0;padding:0 1.93cqw;background:var(--lens-blue);color:var(--lens-orange);font-size:2.3cqw;font-weight:700;line-height:1.2;white-space:nowrap;opacity:0;translate:0 1cqw;transition:opacity .15s,translate .15s}.dims-technology__lens-label--therapy{left:9.103%;top:7.846%;width:30.759%;height:9.154%}.dims-technology__lens-label--optical{left:59.655%;top:7.846%;width:34.69%;height:9.154%}.dims-technology__lens[data-state=therapy] .dims-technology__lens-label[data-state=therapy]{opacity:1;translate:0 0;transition:opacity .35s .15s,translate .35s .15s}.dims-technology__lens[data-state=therapy] .dims-technology__lens-state-link[data-state=therapy] path{stroke-dashoffset:0;transition:stroke-dashoffset .5s .55s ease-out}.dims-technology__lens[data-state=therapy] .dims-technology__lens-state-link[data-state=therapy] circle{transform:scale(1);transition:transform .25s 1s cubic-bezier(.3,1.6,.5,1)}.dims-technology__lens[data-state=optical] .dims-technology__lens-label[data-state=optical]{opacity:1;translate:0 0;transition:opacity .35s .15s,translate .35s .15s}.dims-technology__lens[data-state=optical] .dims-technology__lens-state-link[data-state=optical] path{stroke-dashoffset:0;transition:stroke-dashoffset .5s .55s ease-out}.dims-technology__lens[data-state=optical] .dims-technology__lens-state-link[data-state=optical] circle{transform:scale(1);transition:transform .25s 1s cubic-bezier(.3,1.6,.5,1)}.dims-technology__lens[data-state=optical] .dims-technology__lens-fade{opacity:.78;transition:opacity .35s .15s}.dims-technology__lens[data-state=optical] .dims-technology__lens-hex{opacity:1;transform:scale(1);transition:transform .35s .15s cubic-bezier(.3,1.4,.5,1),opacity .35s .15s}@media screen and (max-width:768px){.dims-technology__lens-stage{aspect-ratio:auto;container-type:normal}.dims-technology__lens-visual{position:relative;aspect-ratio:1}.dims-technology__lens-lottie{inset:0;width:100%;height:100%}.dims-technology__lens-link path,.dims-technology__lens-state-link path,.dims-technology__lens-labels{display:none}.dims-technology__lens-link circle,.dims-technology__lens-state-link circle{r:22px}.dims-technology__lens-notes{position:static;display:grid;gap:.4rem;margin-top:1.6rem}.dims-technology__lens-note{position:static;width:auto;height:auto;padding:1.4rem 1.6rem;font-size:1.6rem;line-height:1.5;text-align:left}.dims-technology__lens-note--central{text-align:left}}@media(prefers-reduced-motion:reduce){.dims-technology__lens *{transition:none!important}}.dims-technology__marker,.dims-technology__zone-number{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;font-size:1.4rem;font-weight:700;line-height:1;color:#2d2a28}.dims-technology__marker{position:absolute;left:var(--marker-x);top:var(--marker-y);background:#fdba4d;box-shadow:0 0 0 .4rem #ffffffd9;transform:translate(-50%,-50%);transition:background .2s,color .2s,transform .2s}.dims-technology__marker--1{--marker-x: 50%;--marker-y: 50%}.dims-technology__marker--2{--marker-x: 57.5%;--marker-y: 59%}.dims-technology__zone-number{margin-top:.2rem;background:#fff;transition:background .2s,color .2s}@media screen and (min-width:1024px){.dims-technology__zone-number{display:none}}.dims-technology__zone[data-zone]:is(:hover,:focus-visible) .dims-technology__zone-number{background:#0057bc;color:#fff}.dims-technology__zone[data-zone]{outline:none}.dims-technology__zone[data-zone]:focus-visible{outline:.3rem solid #0057bc;outline-offset:.3rem}.dims-technology__split:has(.dims-technology__zone[data-zone="1"]:is(:hover,:focus-visible)) .dims-technology__marker--1{background:#0057bc;color:#fff;transform:translate(-50%,-50%) scale(1.2)}.dims-technology__split:has(.dims-technology__zone[data-zone="2"]:is(:hover,:focus-visible)) .dims-technology__marker--2{background:#0057bc;color:#fff;transform:translate(-50%,-50%) scale(1.2)}@media(prefers-reduced-motion:reduce){.dims-technology__marker,.dims-technology__zone-number{transition:none}}
