.lpf-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}lens-popup-flow.active .lpf-overlay{display:block}.lpf-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#fff;border-radius:1.6rem;box-shadow:0 2rem 6rem #0000002e;width:95vw;max-width:100rem;max-height:92vh;overflow:hidden;flex-direction:column}@keyframes lpfSlideInRight{0%{transform:translate(100%,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}lens-popup-flow.active .lpf-panel{display:flex;animation:lpfSlideInRight .4s cubic-bezier(.25,.46,.45,.94) forwards}.lpf-step{display:none;flex-direction:column;flex:1;overflow:hidden}@keyframes lpfStepSlideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.lpf-step.active{display:flex;animation:lpfStepSlideIn .3s ease-out forwards}.lpf-step-0{align-items:center;justify-content:center;padding:4rem 3.2rem 3.6rem;gap:2rem;min-height:34rem}.lpf-step-0__close{position:absolute;top:1.6rem;right:1.6rem;background:none;border:none;cursor:pointer;padding:.6rem;display:flex;align-items:center;justify-content:center;color:#252e40;border-radius:50%;transition:background .2s}.lpf-step-0__close:hover{background:#f0f0f0}.lpf-step-0__icon{width:8rem;height:8rem;background:#252e40;border-radius:50%;display:flex;align-items:center;justify-content:center}.lpf-step-0__icon svg{width:4rem;height:4rem}.lpf-step-0__title{font-size:2.4rem;font-weight:600;color:#252e40;margin:0;text-align:center}.lpf-step-0__buy-btn{width:100%;max-width:28rem;background:#252e40;color:#fff;border:none;border-radius:3rem;padding:1.4rem 2rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.lpf-step-0__buy-btn:hover{background:#1a2130;transform:translateY(-1px)}.lpf-step-0__frame-link{background:none;border:none;color:#252e40;font-size:1.4rem;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s}.lpf-step-0__frame-link:hover{color:#555}.lpf-header{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2.4rem;border-bottom:1px solid #eee;flex-shrink:0;gap:1rem}.lpf-header__left{display:flex;align-items:center;gap:1rem;flex:1}.lpf-header__back{background:none;border:none;cursor:pointer;padding:.4rem;display:flex;align-items:center;color:#252e40;border-radius:50%;transition:background .2s;flex-shrink:0}.lpf-header__back:hover{background:#f0f0f0}.lpf-header__title{font-size:1.8rem;font-weight:600;color:#252e40;margin:0}.lpf-header__right{display:flex;align-items:center;gap:1.2rem;flex-shrink:0}.lpf-header__subtotal{font-size:1.4rem;font-weight:600;color:#252e40;white-space:nowrap}.lpf-header__subtotal-value{color:#252e40}.lpf-header__close{background:none;border:none;cursor:pointer;padding:.4rem;display:flex;align-items:center;color:#252e40;border-radius:50%;transition:background .2s}.lpf-header__close:hover{background:#f0f0f0}.lpf-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.lpf-tabs{display:flex;gap:.8rem;padding:1.6rem 2.4rem 0;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.lpf-tabs::-webkit-scrollbar{display:none}.lpf-tab{white-space:nowrap;background:#fff;border:1.5px solid #252E40;border-radius:2.4rem;padding:.7rem 1.6rem;font-size:1.3rem;font-weight:500;color:#252e40;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.lpf-tab.active,.lpf-tab:hover{background:#252e40;color:#fff}.lpf-variant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;padding:2rem 2.4rem}.lpf-variant-card{display:flex;align-items:center;gap:1.2rem;border:1.5px solid #eaeaea;border-radius:1rem;padding:1.4rem;cursor:default;transition:border-color .2s}.lpf-variant-card:hover{border-color:#252e40}.lpf-variant-card__image{width:8rem;min-width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lpf-variant-card__image img,.lpf-variant-card__image svg{width:100%;height:100%;object-fit:contain}.lpf-variant-card__info{flex:1;display:flex;flex-direction:column;gap:.4rem}.lpf-variant-card__name{font-size:1.4rem;font-weight:600;color:#252e40;text-transform:uppercase;margin:0}.lpf-variant-card__features{font-size:1.2rem;color:#666;line-height:1.5;margin:0}.lpf-variant-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;flex-shrink:0}.lpf-variant-card__price{font-size:1.4rem;font-weight:600;color:#252e40;white-space:nowrap}.lpf-variant-add-btn{background:#252e40;color:#fff;border:none;border-radius:.6rem;padding:.6rem 1.6rem;font-size:1.3rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.lpf-variant-add-btn:hover{background:#1a2130}.lpf-variant-add-btn:disabled{background:#ccc;cursor:not-allowed}.lpf-variant-add-btn.added{background:#fff;color:#252e40;border:1.5px solid #252E40}.lpf-variant-card.hidden{display:none}.lpf-addon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;padding:2rem 2.4rem}.lpf-addon-card{display:flex;align-items:flex-start;gap:1.2rem;border:1.5px solid #eaeaea;border-radius:1rem;padding:1.4rem;transition:border-color .2s}.lpf-addon-card.selected{border-color:#252e40}.lpf-addon-card.hidden{display:none}.lpf-addon-card__image{width:7rem;min-width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lpf-addon-card__image img,.lpf-addon-card__image svg{width:100%;height:100%;object-fit:contain}.lpf-addon-card__info{flex:1;display:flex;flex-direction:column;gap:.4rem}.lpf-addon-card__name{font-size:1.4rem;font-weight:600;color:#252e40;margin:0}.lpf-addon-card__desc{font-size:1.2rem;color:#666;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.lpf-addon-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;flex-shrink:0}.lpf-addon-card__price{font-size:1.4rem;font-weight:600;color:#252e40;white-space:nowrap}.lpf-addon-add-btn{background:#252e40;color:#fff;border:none;border-radius:.6rem;padding:.6rem 1.4rem;font-size:1.3rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.lpf-addon-add-btn:hover{background:#1a2130}.lpf-addon-add-btn.added{background:#fff;color:#252e40;border:1.5px solid #252E40}.lpf-addon-add-btn:disabled{background:#eee;color:#999;cursor:not-allowed;font-size:1.1rem;padding:.6rem .8rem}.lpf-no-addons{text-align:center;color:#888;font-size:1.4rem;padding:3rem 2.4rem;grid-column:1 / -1}.lpf-no-addons.hidden{display:none}.lpf-skip-footer{position:sticky;bottom:0;background:#fff;box-shadow:0 -4px 12px #00000014;padding:1.4rem 2.4rem;display:flex;justify-content:center;flex-shrink:0;z-index:2}.lpf-skip-btn{background:#252e40;color:#fff;border:none;border-radius:3rem;padding:1.2rem 5rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.lpf-skip-btn:hover{background:#1a2130;transform:translateY(-1px)}.lpf-prescription-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem 2.4rem;min-height:30rem}.lpf-upload-label{font-size:1.6rem;font-weight:600;color:#252e40;text-align:center}.lpf-upload-box{width:100%;max-width:32rem;background:#f4f4f4;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.8rem 2rem;cursor:pointer;transition:background .2s;gap:.8rem;border:2px dashed #ccc}.lpf-upload-box:hover{background:#ececec;border-color:#252e40}.lpf-upload-box svg{color:#252e40}.lpf-upload-box input[type=file]{display:none}.lpf-upload-box__text{font-size:1.3rem;color:#888;text-align:center}.lpf-upload-preview{width:100%;max-width:32rem;background:#f8fff8;border:1.5px solid #3c9;border-radius:.8rem;padding:1rem 1.4rem;display:flex;align-items:center;gap:1rem}.lpf-upload-preview.hidden{display:none}.lpf-upload-preview__name{flex:1;font-size:1.3rem;color:#252e40;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lpf-upload-preview__remove{background:none;border:none;cursor:pointer;color:#c0392b;display:flex;align-items:center}.lpf-or-divider{display:flex;align-items:center;gap:1.2rem;width:100%;max-width:32rem}.lpf-or-divider__line{flex:1;height:1px;background:#eee}.lpf-or-badge{width:3.2rem;height:3.2rem;background:#252e40;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.lpf-agent-text{font-size:1.4rem;color:#555;text-align:center;max-width:28rem}.lpf-proceed-btn{width:100%;max-width:28rem;background:#252e40;color:#fff;border:none;border-radius:3rem;padding:1.4rem 2rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:.8rem}.lpf-proceed-btn:hover{background:#1a2130;transform:translateY(-1px)}.lpf-proceed-btn:disabled{background:#aaa;cursor:not-allowed;transform:none}.lpf-proceed-btn .lpf-spinner{width:1.8rem;height:1.8rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:lpf-spin .7s linear infinite;display:none}.lpf-proceed-btn.loading .lpf-spinner{display:block}.lpf-proceed-btn.loading .lpf-btn-text{display:none}@keyframes lpf-spin{to{transform:rotate(360deg)}}@media(max-width:749px){.lpf-panel{width:92vw;max-width:40rem;max-height:90vh}.lpf-step-0{padding:3.2rem 2rem 2.4rem}.lpf-header{padding:1.4rem 1.6rem}.lpf-tabs{padding:1.2rem 1.6rem 0;gap:.6rem}.lpf-tab{font-size:1.2rem;padding:.6rem 1.2rem}.lpf-variant-grid,.lpf-addon-grid{grid-template-columns:1fr;padding:1.6rem;gap:1.2rem}.lpf-variant-card__image{width:6rem;min-width:6rem;height:6rem}.lpf-addon-card__image{width:5.6rem;min-width:5.6rem;height:5.6rem}.lpf-skip-footer{padding:1.2rem 1.6rem}.lpf-prescription-body{padding:2.4rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/lens-popup-flow.css.map */