*{font-family:inherit}.lens-configurator{max-width:600px;margin:0 auto}#lens-configurator{padding-bottom:140px}.config-step{margin-bottom:20px}.config-step.hidden{display:none}.config-step h3{margin-bottom:10px}button{margin:5px;padding:10px 15px;background:#eee;border:1px solid #ccc;cursor:pointer}.prescription-step,.step{padding:30px;margin-bottom:30px}.prescription-step h2{font-size:22px;font-weight:700;margin-bottom:8px}.prescription-step .step-header{display:flex;align-items:center;font-size:14px;gap:8px;font-weight:500;margin-bottom:10px}.prescription-step .step-header .arrow{font-size:16px}.prescription-step .progress-bar{height:3px;width:60px;background-color:#000;margin-bottom:20px}.prescription-options{display:flex;flex-direction:column;gap:20px}.prescription-option,.premium-option,.send-prescription-later,.upload-prescription-now{display:flex;align-items:center;gap:16px;border:1px solid #000;padding:20px;transition:.3s;cursor:pointer}.premium-option:hover,.prescription-option:hover,.send-prescription-later:hover,.upload-prescription-now:hover{background:#332d79;color:#fff}.prescription-option:hover .single-black,.prescription-option:hover .progressive-black{display:none!important}.prescription-option:hover .single-white,.prescription-option:hover .progressive-white{display:block!important}.premium-option,.send-prescription-later,.upload-prescription-now{width:100%;background:transparent}.premium-option:hover h3,.prescription-option:hover h3,.upload-prescription-now:hover h4,.send-prescription-later:hover h4,#progressive-btn:hover h3,#single-vision-btn:hover h3{color:#fff}.prescription-option .icon{width:40px;height:40px;background-color:#ccc;border-radius:4px;flex-shrink:0}.prescription-option .content{flex-grow:1}.prescription-option h3{font-size:14px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.prescription-option p{font-size:12px;line-height:1.4}.prescription-option .arrow{font-size:20px;font-weight:700}.step-1{display:flex;flex-direction:column;gap:20px;margin-top:24px}.step h3{font-size:22px;font-weight:600;margin-bottom:16px}.lens-type{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6rem;background-color:#fff;border-radius:16px;padding:20px 24px 0 0;box-shadow:0 4px 12px #0000000d;border:1px solid transparent;text-align:left;cursor:pointer;transition:border .3s ease,transform .2s ease;width:100%;max-width:100%}.content{width:500px;padding:0 0 0 50px}.variant-price{margin:20px 0 0;color:#fff;padding:10px;background:#332d79;width:55%}.lens-type:hover .content{transition:.3s;background:#332d79;color:#fff}.lens-type:hover .content h4{color:#fff}.lens-type:hover .variant-price{background:#fff;color:#000;border-top-right-radius:15px;border-bottom-right-radius:15px}.lens-type:focus{outline:none;border-color:#c4c4c4}.lens-type .lens-info{flex:1}.lens-type .lens-title{font-size:18px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.lens-type .lens-description{font-size:14px;color:#555;margin-bottom:10px;line-height:1.5}.lens-type .lens-price{font-weight:700;font-size:15px;color:#111}.lens-type .arrow-icon{font-size:20px;color:#aaa;margin-left:12px}#single-vision-btn .arrow{width:30px}#progressive-btn .arrow{width:38px}.premium-option .arrow{width:35px}.send-prescription-later,.upload-prescription-now{justify-content:space-between}.send-prescription-later .arrow,.upload-prescription-now .arrow{width:35px}@media screen and (max-width: 600px){.prescription-option{flex-direction:column;align-items:flex-start}.prescription-option .arrow{align-self:flex-end}}#color-options{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;margin-top:10px}.color-btn{width:50%;padding:20px;border:none;background:#fff;box-shadow:0 4px 10px #00000024;margin-top:10px;font-weight:500;cursor:pointer;transition:all .3s ease}.color-btn:hover,.color-btn.active{border-color:#000;background:#332d79;color:#fff}.step-nav{margin-top:20px;display:flex;justify-content:space-between}.step-nav .prev-btn,.step-nav .next-btn{padding:10px 16px;background-color:#eee;border:1px solid #ccc;font-weight:500;cursor:pointer;border-radius:4px;transition:background .3s}.step-nav .prev-btn:hover,.step-nav .next-btn:hover{background-color:#ddd}.label{display:block;width:100%:}.styled-file{font:16px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;box-shadow:0 1px #00000008;cursor:pointer}.send-btn{background:#332d79;color:#fff;margin-top:10px;width:100px;font-size:15px;padding:10px}.styled-file::file-selector-button{margin-right:12px;padding:8px 14px;border-radius:8px;border:1px solid #111;background:#111;color:#fff;font-weight:600;cursor:pointer}.styled-file:focus{outline:3px solid rgba(17,17,17,.12);outline-offset:2px}@media screen and (max-width:768px){.step{padding:20px;margin:20px 0}.lens-type{padding:20px 0;flex-direction:row;justify-content:center;align-items:center}.lens-type .content{padding:0}.lens-type img{width:100px}.variant-price{width:90%}.content h4{font-size:15px}.content{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-product-configurator.css.map */