.lens-selector{margin:1.5rem 0;display:inline-block}.lens-selector__trigger{display:flex;flex-direction:column;gap:.75rem}.lens-selector__button.button--primary{color:rgb(var(--color-button-text))!important}.lens-selector__button.button--primary *{color:inherit!important}.lens-selector__button.button--primary:hover{color:rgb(var(--color-button-text-hover))!important}.lens-selector__button.button--primary:hover *{color:inherit!important}.lens-selector__selected{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:rgba(var(--color-foreground),.04);border-radius:.4rem}.lens-selector__selected[hidden]{display:none!important}.lens-selector__selected-image{flex-shrink:0;width:60px;height:60px;border-radius:.4rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.lens-selector__selected-image img{width:100%;height:100%;object-fit:contain}.lens-selector__selected-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.lens-selector__selected-label{font-weight:600;font-size:.875rem;color:rgba(var(--color-foreground),.7)}.lens-selector__selected-value{font-weight:500;font-size:1rem;color:rgba(var(--color-foreground),1)}.lens-selector__selected-price{font-weight:600;font-size:1rem;color:rgba(var(--color-foreground),1)}.lens-selector__modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem}.lens-selector__modal[hidden]{display:none!important;visibility:hidden!important}@media screen and (max-width:749px){.lens-selector__modal{padding:.5rem;justify-content:flex-start}}.lens-selector__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-foreground),.5);cursor:pointer;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.lens-selector__drawer{position:relative;width:100%;max-width:800px;max-height:90vh;background-color:rgb(var(--color-background));border-radius:1.5rem;display:flex;flex-direction:column;z-index:1;overflow:hidden;box-shadow:0 .4rem 2rem #00000026;color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.2)}@media screen and (max-width:749px){.lens-selector__drawer{width:calc(100% - 4rem);max-height:calc(100vh - 1rem);border-radius:1rem}}@media screen and (min-width:750px){.lens-selector__drawer{max-height:80vh;right:2%}}.lens-selector__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}@media screen and (max-width:549px){.lens-selector__header{padding:1rem 1.2rem}}.lens-selector__title{margin:0;font-size:1.8rem;font-weight:600}@media screen and (max-width:549px){.lens-selector__title{font-size:1.5rem}}.lens-selector__close{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),1)}.lens-selector__close:hover{opacity:.7}.lens-selector__content{flex:1;overflow-y:auto;padding:1.5rem}@media screen and (max-width:549px){.lens-selector__content{padding:1rem 1.2rem}}.lens-selector__step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.lens-selector__step-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}@media screen and (max-width:549px){.lens-selector__step-title{font-size:1.2rem;margin-bottom:1rem}}.lens-selector__breadcrumb{margin-bottom:1.5rem}.lens-selector__back{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem 0;cursor:pointer;color:rgba(var(--color-foreground),.7);font-size:1.4rem;transition:color .2s;flex-direction:row-reverse}.lens-selector__back:hover{color:rgba(var(--color-foreground),1)}.lens-selector__back svg{width:1.2rem;height:1.2rem;transform:rotate(-90deg)}.lens-selector__options{display:grid;grid-template-columns:1fr;gap:1rem}.lens-selector__option{display:flex;gap:12px;flex-direction:row;align-items:center;padding:1.5rem;background-color:rgba(var(--color-foreground),.04);border:.2rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;cursor:pointer;transition:all .2s;text-align:left}.lens-selector__option:hover{border-color:rgba(var(--color-foreground),.3);transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem #0000001a}.lens-selector__option:active{transform:translateY(0)}.lens-selector__option-title{font-size:1.6rem;font-weight:600;color:rgba(var(--color-foreground),1)}.lens-selector__option-description{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.lens-selector__option-image{width:10%;object-fit:contain;border-radius:.4rem}.lens-selector__products{min-height:200px}.lens-selector__products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.lens-selector__product-card{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background-color:rgba(var(--color-foreground),.04);border:.2rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;transition:all .2s;text-align:left;position:relative}.lens-selector__product-card:hover{border-color:rgba(var(--color-foreground),.3);transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem #0000001a}.lens-selector__product-card.is-selected{border-color:rgba(var(--color-button),1);background-color:rgba(var(--color-button),.1)}.lens-selector__product-image{width:100%;height:auto;border-radius:.4rem;object-fit:cover;display:block;transition:opacity .3s ease}.lens-selector__product-image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:.4rem;margin-bottom:.75rem}.lens-selector__product-image-placeholder{width:100%;aspect-ratio:1;background-color:rgba(var(--color-foreground),.04);border-radius:.4rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.lens-selector__product-image-placeholder:before{content:"\1f4f7";font-size:2rem;opacity:.3}.lens-selector__product-info{display:flex;flex-direction:column;gap:.25rem}.lens-selector__product-title{font-size:1rem;font-weight:600;margin:0;color:rgba(var(--color-foreground),1)}.lens-selector__product-price{font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground),.8);margin:0}.lens-selector__variant-selector{margin:.75rem 0}.lens-selector__variant-colors{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.lens-selector__variant-color{width:2.2rem;height:2.2rem;border-radius:50%;border:.2rem solid rgba(var(--color-foreground),.2);cursor:pointer;padding:0;position:relative;transition:all .2s;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.lens-selector__variant-color:hover{transform:scale(1.1);border-color:rgba(var(--color-foreground),.4);box-shadow:0 .2rem .6rem #00000026}.lens-selector__variant-color.is-selected{border-color:rgba(var(--color-button),1);border-width:.3rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),.2)}.lens-selector__variant-color-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%}.lens-selector__product-image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:.4rem}.lens-selector__product-select-btn{margin-top:1rem;padding:1rem;background-color:rgba(var(--color-button),1);color:rgb(var(--color-button-text));border:none;border-radius:.4rem;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.lens-selector__product-select-btn:hover{opacity:.9;transform:translateY(-.1rem);box-shadow:0 .2rem .8rem #00000026}.lens-selector__product-select-btn:active{transform:translateY(0)}.lens-selector__product-card.is-selected .lens-selector__product-select-btn{background-color:rgba(var(--color-button),.8);cursor:default}.lens-selector__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.lens-selector__loading p{margin:0;color:rgba(var(--color-foreground),.7)}.lens-selector__error{padding:4rem 2rem;text-align:center}.lens-selector__error p{margin:0;color:rgba(var(--color-foreground),.7)}.lens-selector__footer{padding:1.5rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}@media screen and (max-width:549px){.lens-selector__footer{padding:1rem 1.2rem}}.lens-selector__confirm{width:100%}.lens-selector__confirm.button.button--primary{color:rgb(var(--color-button-text))!important}.lens-selector__confirm.button.button--primary,.lens-selector__confirm.button.button--primary *,.lens-selector__confirm.button.button--primary:before,.lens-selector__confirm.button.button--primary:after{color:rgb(var(--color-button-text))!important}.lens-selector__confirm.button.button--primary:hover:not(:disabled){color:rgb(var(--color-button-text-hover))!important}.lens-selector__confirm.button.button--primary:hover:not(:disabled),.lens-selector__confirm.button.button--primary:hover:not(:disabled) *,.lens-selector__confirm.button.button--primary:hover:not(:disabled):before,.lens-selector__confirm.button.button--primary:hover:not(:disabled):after{color:rgb(var(--color-button-text-hover))!important}.lens-selector__confirm.button.button--primary:disabled{opacity:.6;cursor:not-allowed;color:rgb(var(--color-button-text))!important}.lens-selector__confirm.button.button--primary:disabled,.lens-selector__confirm.button.button--primary:disabled *,.lens-selector__confirm.button.button--primary:disabled:before,.lens-selector__confirm.button.button--primary:disabled:after{color:rgb(var(--color-button-text))!important}.product-form__submit:disabled.lens-required{opacity:.6;cursor:not-allowed;width:35%;padding:0 15px!important}.prescription-form{padding:2rem 0}.prescription-form__section{margin-bottom:2.4rem}.prescription-form__section-title{font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;color:rgb(var(--color-foreground))}.prescription-form__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2rem}.prescription-form__field{display:flex;flex-direction:column;gap:.6rem}.prescription-form__field label{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground))}.prescription-form__select{padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;background-color:rgb(var(--color-base-background-1));color:rgb(var(--color-foreground));font-size:1.4rem;cursor:pointer;transition:border-color .2s ease}.prescription-form__select:hover{border-color:rgba(var(--color-foreground),.4)}.prescription-form__select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 .2rem rgba(var(--color-button),.2)}.prescription-form__actions{margin-top:2.4rem;display:flex;justify-content:flex-end}.prescription-form__submit{min-width:150px}.prescription-upload{padding:0 0 2rem}.prescription-upload__instructions{margin-bottom:2rem;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.6}.prescription-upload__dropzone{border:.3rem dashed rgb(var(--color-button));border-radius:1.2rem;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(var(--color-button),.02),rgba(var(--color-button),.05));transition:all .3s ease;position:relative;overflow:hidden}.prescription-upload__dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(var(--color-button),.05) 0%,transparent 50%);pointer-events:none}.prescription-upload__dropzone.is-dragover{border-color:rgb(var(--color-button));background:linear-gradient(135deg,rgba(var(--color-button),.08),rgba(var(--color-button),.12));box-shadow:0 0 3rem rgba(var(--color-button),.15);transform:scale(1.02)}.prescription-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:1.6rem;position:relative;z-index:1;margin-top:2rem}.prescription-upload__icon{width:5rem;height:5rem;color:rgb(var(--color-button));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}.prescription-upload__text{font-size:1.5rem;color:rgb(var(--color-foreground));margin:0;font-weight:500}.prescription-upload__preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.6rem;border-radius:1.2rem}.prescription-upload__preview-image{max-width:100%;max-height:400px;border-radius:.8rem;box-shadow:0 .4rem 1.6rem #0000001f;border:.1rem solid rgba(var(--color-foreground),.1)}.prescription-upload__remove{padding:.8rem 1.6rem;background-color:rgb(var(--color-button));border:none;border-radius:.6rem;cursor:pointer;font-size:1.3rem;color:rgb(var(--color-button-text));transition:all .2s ease;font-weight:600}.prescription-upload__remove:hover{background-color:rgba(var(--color-button),.9);transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem rgba(var(--color-button),.3)}.prescription-upload__processing{display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:3rem 2rem;text-align:center}.prescription-upload__processing p{font-size:1.4rem;color:rgb(var(--color-foreground));margin:0}.prescription-upload__progress{width:100%;max-width:35rem;margin-top:1.6rem}.prescription-upload__progress-bar{width:100%;height:.6rem;background-color:rgba(var(--color-foreground),.1);border-radius:.3rem;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 .1rem .3rem #0000001a}.prescription-upload__progress-fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-button)),rgba(var(--color-button),.8));border-radius:.3rem;transition:width .3s ease;width:0%;box-shadow:0 0 .8rem rgba(var(--color-button),.4)}.prescription-upload__progress-text{font-size:1.2rem;color:rgb(var(--color-button));text-align:center;display:block;font-weight:600}.prescription-upload__error{padding:2rem;background:linear-gradient(135deg,#dc262614,#dc26260a);border:.15rem solid rgba(220,38,38,.3);border-radius:.8rem;text-align:center}.prescription-upload__error-message{color:#dc2626;font-size:1.4rem;margin-bottom:1.2rem;margin:0}.prescription-upload__extracted{padding:2rem;background:linear-gradient(135deg,rgba(var(--color-button),.08),rgba(var(--color-button),.04));border:.15rem solid rgb(var(--color-button));border-radius:.8rem;margin-top:2rem}.prescription-upload__extracted h4{font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;color:rgb(var(--color-foreground))}.prescription-upload__data{margin-bottom:1.6rem}.prescription-data__section{padding:.8rem 0;font-size:1.4rem;color:rgb(var(--color-foreground));border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.prescription-data__section:last-child{border-bottom:none}.prescription-data__section strong{display:inline-block;min-width:120px;font-weight:600}.prescription-upload__actions{display:flex;gap:1.2rem;justify-content:center}.prescription-upload__browse{padding:1rem 2rem!important;font-size:1.4rem!important;font-weight:600!important;border-radius:.6rem!important;transition:all .2s ease!important;cursor:pointer!important}.prescription-upload__browse:hover{transform:translateY(-.2rem)!important;box-shadow:0 .4rem 1.2rem #00000026!important}@media screen and (max-width:749px){.prescription-form__fields{grid-template-columns:1fr}.prescription-upload__actions{flex-direction:column}.prescription-upload__actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lens-selector.css.map */