.lens-modal{border:none;border-radius:1rem;padding:0;max-width:720px;width:92vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.lens-modal::backdrop{background:#0f172a80}.lens-modal__container{position:relative;display:flex;flex-direction:column;max-height:90vh}.lens-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#64748b;padding:.25rem;z-index:2;line-height:0}.lens-modal__close:hover{color:#0f172a}.lens-modal__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.lens-modal__title{font-size:1.25rem;font-weight:700;margin:0;width:100%;color:#0f172a}.lens-modal__stepper{display:flex;align-items:center;gap:0;flex:1}.lens-modal__step{display:flex;align-items:center;gap:.375rem}.lens-modal__step-dot{width:12px;height:12px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;flex-shrink:0;position:relative}.lens-modal__step--active .lens-modal__step-dot{border-color:#0ea5e9;background:#0ea5e9}.lens-modal__step--done .lens-modal__step-dot{border-color:#10b981;background:#10b981}.lens-modal__step--done .lens-modal__step-dot:after{content:"";position:absolute;top:1px;left:2.5px;width:3px;height:5px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.lens-modal__step-label{font-size:.8125rem;font-weight:600;color:#94a3b8;white-space:nowrap}.lens-modal__step--active .lens-modal__step-label{color:#0f172a}.lens-modal__step-line{flex:1;height:2px;background:#e2e8f0;margin:0 .5rem;min-width:1.5rem}.lens-modal__price-tag{font-size:.8125rem;color:#64748b;text-align:right;white-space:nowrap}.lens-modal__price-tag strong{display:block;font-size:1.125rem;color:#0f172a}.lens-modal__step-content{display:none;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;max-height:calc(90vh - 120px)}.lens-modal__step-content--active{display:block}.lens-modal__section-title{font-size:.9375rem;font-weight:600;color:#475569;margin:0 0 1rem}.lens-modal__power-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.lens-modal__card{cursor:pointer;display:block}.lens-modal__radio{position:absolute;opacity:0;pointer-events:none}.lens-modal__card-inner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1.5px solid #e2e8f0;border-radius:.75rem;background:#fff;transition:border-color .15s,box-shadow .15s}.lens-modal__radio:checked~.lens-modal__card-inner{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9}.lens-modal__card:hover .lens-modal__card-inner{border-color:#94a3b8}.lens-modal__card-icon{flex-shrink:0;width:48px;height:48px;background:#f8fafc;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.lens-modal__card-text{display:flex;flex-direction:column;gap:.125rem}.lens-modal__card-text strong{font-size:.9375rem;color:#0f172a}.lens-modal__card-text span{font-size:.75rem;color:#64748b;line-height:1.4}.lens-modal__step2-header{margin-bottom:.75rem}.lens-modal__back{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;font-size:.9375rem;font-weight:600;color:#0f172a;padding:0}.lens-modal__back:hover{color:#0ea5e9}.lens-modal__lens-list{display:flex;flex-direction:column;gap:1rem}.lens-modal__lens-card{border:1.5px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background:#fff}.lens-modal__lens-tag{background:#fefce8;border-bottom:1px solid #fde68a;padding:.375rem 1rem;font-size:.75rem;font-weight:600;color:#92400e}.lens-modal__lens-body{padding:1rem}.lens-modal__lens-name{font-size:1.0625rem;font-weight:700;margin:0 0 .25rem;color:#0f172a}.lens-modal__lens-desc{font-size:.8125rem;color:#64748b;margin:0 0 .75rem;line-height:1.4}.lens-modal__badges{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}.lens-modal__badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#334155}.lens-modal__badge svg{flex-shrink:0}.lens-modal__lens-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem}.lens-modal__lens-price{font-size:1.125rem;font-weight:700;color:#0f172a}.lens-modal__total-hint{display:block;font-size:.75rem;color:#64748b;font-weight:400}.lens-modal__add-btn{background:#fff;color:#0f172a;border:1.5px solid #0f172a;border-radius:2rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.lens-modal__add-btn:hover{background:#0f172a;color:#fff}.lens-modal__rx-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.lens-modal__upload-area{display:none;margin-bottom:1rem;border:1.5px dashed #cbd5e1;border-radius:.75rem;padding:1.25rem;background:#f8fafc;min-height:80px}.lens-modal__upload-area--visible{display:block}.lens-modal__manual-rx{display:none;margin-bottom:1rem}.lens-modal__manual-rx--visible{display:block}.lens-modal__rx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.lens-modal__rx-eye{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;margin:0}.lens-modal__rx-eye legend{font-size:.875rem;font-weight:700;color:#0f172a;padding:0 .25rem}.lens-modal__rx-fields{display:flex;flex-direction:column;gap:.625rem;margin-top:.5rem}.lens-modal__rx-field{display:flex;flex-direction:column;gap:.25rem}.lens-modal__rx-field label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.lens-modal__rx-select,.lens-modal__rx-input{width:100%;padding:.5rem .625rem;border:1.5px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#0f172a;background:#fff;-webkit-appearance:auto;appearance:auto}.lens-modal__rx-select:focus,.lens-modal__rx-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9}.lens-modal__rx-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:1rem}.lens-modal__submit-btn{width:100%;padding:.875rem;background:#0f172a;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.lens-modal__submit-btn:hover{background:#1e293b}@media(max-width:600px){.lens-modal{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;margin:0}.lens-modal__container{max-height:100vh}.lens-modal__power-grid,.lens-modal__rx-grid{grid-template-columns:1fr}.lens-modal__step-content{max-height:calc(100vh - 120px);padding:1rem}.lens-modal__header{padding:1rem}.lens-modal__step-label{font-size:.6875rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-lens-selector.css.map */