.info-popup{direction:rtl;position:fixed;top:0;right:0;width:400px;max-width:90%;height:100%;padding:20px;background-color:#fff;box-shadow:-2px 0 10px #0003;transform:translate(100%);transition:transform .3s ease-in-out;z-index:9999;overflow-y:auto;scrollbar-width:thin}.info-popup::-webkit-scrollbar{width:8px}.popup_link{color:#65ac1b;cursor:pointer!important}.info-popup__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out;z-index:9999999999;display:none;overflow-y:auto;scrollbar-width:thin}.addons-popup__options p{margin:0}.addons-popup__bottom-bar{justify-content:center;padding-top:20px;gap:15px;display:flex;flex-direction:row;border-top:1px solid #b9b9b9;background-color:#fff}.addons-popup__steps_mobile{display:none}.SunglassesType{width:50%}.price-row{display:flex;justify-content:space-between}.addons-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;border-bottom:2px solid #b9b9b9;display:flex;flex-direction:column;z-index:999999999;padding:20px;box-sizing:border-box;overflow-y:auto;opacity:0;transform:scale(.9);transition:opacity .4s ease,transform .4s ease}.addons-popup.hidden{display:none;opacity:0}.addons-popup.visible{opacity:1;transform:scale(1)}.addons-popup__top-bar{width:100%;background-color:#fff;padding:10px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.addons-popup__steps{display:flex;gap:15px}.addons-popup__step{font-size:1.4rem;color:#666}.addons-popup__step.active{font-weight:700;color:#65ac1b}.addons-popup__title{font-size:2rem;font-weight:700;text-align:center;flex-grow:1}.addons-popup__close-button,.addons-popup__close-button-for-read{background:none;border:none;color:#404040;font-size:1.8rem;cursor:pointer;text-align:right}.addons-popup__close-button:hover{color:#000}.addons-popup__content{position:relative;display:flex;width:100%;max-width:1500px;padding:20px;gap:20px;box-sizing:border-box;align-self:center;overflow-y:hidden;height:100vh}.addons-popup__options::-webkit-scrollbar{width:8px;position:fixed;left:0}.addons-popup__options-for-read{direction:ltr;flex:1;display:block;flex-direction:column;gap:15px;overflow-y:auto}.addons-popup__options{padding-top:50px;flex:1 0 65%;display:flex;flex-direction:row;gap:15px;overflow-y:auto;top:0;bottom:0;scrollbar-width:thin;scrollbar-color:#67AA0E transparent}.addons-popup__options::-webkit-scrollbar{width:8px}.addons-popup__options::-webkit-scrollbar-track{background:transparent}.addons-popup__options::-webkit-scrollbar-thumb{background-color:#67aa0e;border-radius:4px;border:2px solid transparent}.addons-popup__options::-webkit-scrollbar-thumb:hover{background-color:#55990c}.addons-popup__options *{direction:ltr}.addons-popup__options>h3{position:absolute;top:15px;left:0;right:0;padding:5px 5px 5px 20px;margin:0;z-index:99;background:#fff}.addon-img{margin:-15px -15px 15px}.addon-img img{width:100%}.addons-popup__option-box{overflow:hidden;position:relative;background-color:#f9f9f9;color:#333;padding:15px 15px 0;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .3s ease;display:flex;flex-direction:column;flex:100%;border:1px solid #65ac1b}.addons-popup__options[data-step="7"]{padding-top:0;padding-left:30px}.addons-popup__options[data-step="6"] .addons-popup__option-box{height:420px}.addons-popup__options[data-step="4"] .addons-popup__option-box,.addons-popup__options[data-step="5"] .addons-popup__option-box,#nonPrescAddonsPopup .addons-popup__options[data-step="2"] .addons-popup__option-box{height:480px}.addons-popup__option-box:hover{border-color:#65ac1b}.addons-popup__option-box.selected{border-color:#65ac1b;background-color:#65ac1b}.addons-popup__option-box.selected h3,.addons-popup__option-box.selected p.addons-popup__description{color:#fff}.addons-popup__option-box h3{font-size:2rem;margin:0 0 5px;display:flex;justify-content:space-between;align-items:center;width:100%}#nonPrescAddonsPopup .addons-popup__option-box h3{display:block}#nonPrescAddonsPopup .addons-popup__option-box h3 small{display:block;text-align:left;margin-top:5px}.addons-popup__option-box h3 small{font-size:15px;text-align:right}[data-step="5"] .addons-popup__option-box h3,[data-step="6"] .addons-popup__option-box h3{flex-direction:row;justify-content:space-between;align-items:center}.addons-popup__option-box p{margin:5px 0}.addons-popup__option-box p.addons-popup__description{font-size:1.5rem;color:#666}.addons-popup__summary{flex:1 0 18%;text-align:center;padding:20px;width:100%;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:1.4rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#67aa0e transparent}.addons-popup__summary::-webkit-scrollbar{width:8px}.addons-popup__summary::-webkit-scrollbar-track{background:transparent}.addons-popup__summary::-webkit-scrollbar-thumb{background-color:#67aa0e;border-radius:4px;border:2px solid transparent}.addons-popup__summary::-webkit-scrollbar-thumb:hover{background-color:#55990c}.addons-popup__options[data-step="2"],.addons-popup__options[data-step="4"]{flex-wrap:wrap}.addons-popup__options[data-step="2"] .addons-popup__option-box,.addons-popup__options[data-step="4"] .addons-popup__option-box{flex:0 0 49%}#nonPrescAddonsPopup .addons-popup__options[data-step="2"] .addons-popup__option-box{flex:0 0 23.4%}.addons-popup__options[data-step="2"] #prescriptionForm,.addons-popup__options[data-step="4"] #prescriptionForm{flex:0 0 100%}.addons-popup__summary img{max-width:100%;width:200px;height:auto;border-radius:8px}.addons-popup__summary h2{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:0}.p-price{margin-bottom:15px}.addons-popup__summary p{margin:0;font-size:1.5rem;color:#666}.addons-popup__summary p#subtotal{font-size:1.5rem;font-weight:700;color:#333}.prescription-summary{display:flex;justify-content:space-between;margin-top:20px}.prescription-eye{width:48%}.prescription-eye h4{font-size:1.1em;margin-bottom:.5em;font-weight:700}.prescription-eye p{margin:.3em 0;font-size:.9em}.prescription-eye p span{font-weight:700}.prescription-section{display:flex;flex-direction:column;gap:15px;max-width:100%;margin:auto;border:1px solid #65ac1b;padding:10px;border-radius:7px}.prescription-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:baseline;gap:40px}.prescription-row label{font-weight:700;font-size:13px}.prescription-row select{width:100px;padding:7px;font-size:14px;margin-bottom:10px;border-radius:7px;font-family:inherit}.options-box-suboptions{display:flex;flex-direction:row;gap:20px}.color-picker-container{position:absolute;left:1px;right:1px;bottom:1px;padding:10px 20px;align-items:center;background:#fff;border-bottom-left-radius:7px;border-bottom-right-radius:7px;justify-content:space-evenly}@media (max-width: 1280px){.addons-popup__options{display:flex;flex-direction:row;flex-wrap:wrap}.addons-popup__option-box{flex:1 0 47%}.addons-popup__options[data-step="2"] .addons-popup__option-box,.addons-popup__options[data-step="4"] .addons-popup__option-box{flex:0 0 48%}}@media (max-width: 768px){.addons-popup{padding:10px;z-index:9999999999}.addons-popup__steps_mobile{display:flex;gap:15px}.addons-popup__steps{font-size:12px;gap:0}.addons-popup__step{padding:3px 0;border-radius:12px;font-size:8px;font-weight:700}.prescription-row{gap:10px}.addons-popup__title{font-size:1.2rem}.addons-popup__close-button{font-size:18px;position:fixed;right:20px;top:135px;z-index:5}.addons-popup__content{flex-direction:column;align-items:center}.addons-popup__summary{display:none;border-left:none;width:100%;padding-top:10px}.addons-popup__summary img{width:140px}.addons-popup__option-box h3{font-size:2rem}.addons-popup__options{scrollbar-width:none;width:100%;padding-left:unset}.addons-popup__top-bar{overflow-y:hidden;overflow-x:auto;scrollbar-width:none;padding-top:20px;padding-bottom:20px}.addons-popup__bottom-bar{margin-bottom:35px}.addons-popup__options[data-step="5"] .addons-popup__option-box{height:540px}.addons-popup__options[data-step="6"] .addons-popup__option-box{height:480px}}@media (max-width: 480px){.addons-popup__option-box{flex:1 0 100%}.addons-popup__step{font-size:10px}.addons-popup__options[data-step="2"] .addons-popup__option-box,.addons-popup__options[data-step="4"] .addons-popup__option-box{flex:0 0 100%}.addons-popup__options[data-step="2"] .addons-popup__option-box,.addons-popup__options[data-step="3"] .addons-popup__option-box{height:480px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/product-addons-popup.css.map */