.lens-diagram-wrapper{display:block;color:rgb(var(--text-color, 17, 17, 17))}.lens-diagram-wrapper *,.lens-diagram-wrapper *:before,.lens-diagram-wrapper *:after{box-sizing:border-box}.lens-diagram-wrapper[hidden],.lens-diagram-modal[hidden]{display:none!important}.product-form__option-info .lens-diagram-wrapper{display:flex;justify-content:flex-end;margin-left:auto}.lens-diagram-wrapper--summary-only{margin-top:16px}.product-form__option-info .lens-diagram-wrapper--summary-only,.product-form__option-info .lens-diagram-wrapper:has(.lens-diagram-summary:not([hidden])){flex-basis:100%;justify-content:flex-start;margin-top:16px;margin-left:0}.lens-diagram-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;color:rgba(var(--text-color, 17, 17, 17),.7);font:inherit;font-size:14px;font-weight:700;line-height:1.3;background:transparent;border:0;border-radius:0;cursor:pointer;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.product-form__option-info .lens-diagram-trigger{font-size:inherit}.lens-diagram-trigger:hover{color:rgb(var(--text-color, 17, 17, 17));text-decoration-color:rgb(var(--text-color, 17, 17, 17))}.lens-diagram-summary{display:block;width:100%;margin:0;color:rgb(var(--text-color, 17, 17, 17));font:inherit;font-size:13px;font-weight:400;line-height:1.45}.lens-diagram-summary[hidden]{display:none!important}.lens-diagram-trigger__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.lens-diagram-trigger:focus-visible,.lens-diagram-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.lens-diagram-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px}.lens-diagram-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:#00000094;border:0;cursor:default;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lens-diagram-modal__content{position:relative;z-index:1;width:min(calc(100vw - 32px),580px);max-height:calc(100vh - 36px);padding:clamp(20px,2.4vw,32px);overflow:hidden;color:#151515;background:#f7f4ef;border-radius:18px;box-shadow:0 26px 90px #00000047;outline:none;-webkit-overflow-scrolling:touch}.lens-diagram-modal__close{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;color:#111;font:inherit;font-size:24px;line-height:1;background:#ffffffeb;border:1px solid #e4e0da;border-radius:999px;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.lens-diagram-modal__close:hover{opacity:.86;transform:rotate(90deg)}.lens-diagram-modal__close span{display:block;transform:translateY(-1px)}.lens-diagram-modal__title{margin:0 48px 14px 0;color:#151515;font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.05;letter-spacing:0}.lens-diagram-image-container{position:relative;width:100%;max-width:min(460px,calc((100vh - 150px)*.76));margin:0 auto;padding:14px;background:#fff;border:1px solid #e4e0da;border-radius:14px}.lens-diagram-image{display:block;width:100%;height:auto;aspect-ratio:550 / 724;object-fit:contain}.lens-diagram-label{position:absolute;z-index:1;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:flex-start;width:132px;min-height:23px;padding:0 5px;color:#151515;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,2.2vw,19px);font-weight:400;line-height:1;text-align:left;white-space:nowrap;background:#fff;border-radius:0;pointer-events:none}.lens-diagram-name{position:absolute;z-index:2;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:flex-start;width:165px;min-height:23px;padding:0 5px;color:#151515;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,2.1vw,19px);font-weight:700;line-height:1.05;text-align:left;background:#fff;pointer-events:none}.name-templeLength{top:6.63%;left:46.5%}.name-bridge{top:26.1%;left:46.5%}.name-totalWidth{top:45.3%;left:46.5%}.name-lensHeight{top:64.5%;left:46.5%}.name-lensWidth{top:83.56%;left:46.5%}.dim-lensHeight{top:71.27%;left:46.5%}.dim-lensWidth{top:90.33%;left:46.5%}.dim-bridge{top:32.87%;left:46.5%}.dim-totalWidth{top:52.07%;left:46.5%}.dim-templeLength{top:13.4%;left:46.5%}body.lens-diagram-is-open{overflow:hidden}@media screen and (max-height:760px){.lens-diagram-modal__content{padding:18px 24px 16px}.lens-diagram-modal__title{margin-bottom:10px;font-size:30px}.lens-diagram-image-container{max-width:min(420px,calc((100vh - 118px)*.76));padding:10px}}@media screen and (max-width:749px){.lens-diagram-modal{padding:12px}.lens-diagram-modal__content{width:min(calc(100vw - 24px),560px);max-height:calc(100vh - 24px);padding:20px 10px 14px;overflow:hidden;border-radius:16px}.lens-diagram-modal__title{margin-bottom:10px;padding-left:4px;font-size:clamp(22px,8vw,30px)}.lens-diagram-image-container{max-width:min(340px,calc((100vh - 118px)*.76));padding:10px;border-radius:12px}.lens-diagram-label{width:132px;min-height:23px;padding:0 5px;font-size:clamp(14px,4.5vw,19px)}.lens-diagram-name{width:165px;min-height:23px;padding:0 5px;font-size:clamp(14px,4.2vw,19px)}}@media(prefers-reduced-motion:no-preference){.lens-diagram-modal__content{animation:lens-diagram-enter .18s ease-out}}@keyframes lens-diagram-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/glasses-diagram.css.map */