.lens-selection-block{margin:0}.lens-selection__pages-wrapper{display:flex;flex-direction:row;gap:30px;width:100%;flex:1;min-height:0;padding:0 1rem;position:relative;scrollbar-width:none;-ms-overflow-style:none}.lens-selection__pages-wrapper::-webkit-scrollbar{display:none}.lens-selection__page{flex:1;min-width:0;display:none}.lens-selection__page--active{display:block}.lens-selection__option-price{color:#000;font-weight:600;margin-left:8px}.lens-selection__mobile-fixed{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#f5f5f54d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid #bbc2bc;border-bottom:1px solid #bbc2bc;padding:10px var(--page-margin)}@supports not (backdrop-filter: blur(30px)){.lens-selection__mobile-fixed{background:#f5f5f5cc}}.lens-selection__mobile-fixed-content{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%}.lens-selection__mobile-price{display:flex;flex-direction:row-reverse;gap:5px}.lens-selection__mobile-price div[ref=priceContainer]{display:flex;flex-direction:column-reverse}.lens-selection__mobile-price .price-discount-tag{height:fit-content}.lens-selection__mobile-price .price{font-size:18px;font-weight:600;color:var(--color-foreground)}.lens-selection__button--mobile{background-color:#0d0d0d;color:#fff;font-size:14px!important;font-weight:600;border:none;padding:12px 20px!important;border-radius:6px;cursor:pointer;text-transform:lowercase;width:fit-content!important;max-width:100%!important}@media screen and (max-width: 400px){.lens-selection__button--mobile{font-size:13px!important;padding:12px 10px!important}}.lens-selection__button--mobile:hover{background-color:#1a1a1a}.lens-selection__button--desktop{display:block}@media screen and (max-width: 749px){.lens-selection__mobile-fixed{display:block}.lens-selection__button--desktop{display:none}}@media screen and (min-width: 750px){.lens-selection__mobile-fixed{display:none}.lens-selection__button--desktop{display:block}}.lens-selection__button{background-color:#0d0d0d;color:#fff;font-size:16px;font-weight:600;border:none;padding:1rem;border-radius:6px;cursor:pointer;width:100%;text-transform:lowercase}.lens-selection__button:hover{background-color:#1a1a1a}.lens-selection__modal{position:fixed;top:0;right:0;width:100%;height:100dvh;background-color:#fff;z-index:9999;transform:translate(100%);transition:transform .3s ease-in-out}.lens-selection__modal[aria-hidden=false]{transform:translate(0)}.lens-selection__modal-content{height:100%;display:flex;flex-direction:row}.lens-selection__modal-image{width:75%;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.lens-selection__variant-image{max-width:100%;max-height:80vh;object-fit:cover;mix-blend-mode:multiply}.lens-selection__modal-main{width:400px;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column}.lens-selection__progress-bar{height:4px;background-color:#f4f4f4;width:100%;transition:width .3s ease;position:relative;--progress-width: 0%}.lens-selection__progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;background-color:#5e8eb2;width:var(--progress-width, 0%);transition:width .3s ease}.lens-selection__modal-header{padding:.5rem;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;border-bottom:1px solid #ece5da}.lens-selection__modal-header--close-only{justify-content:flex-end}.lens-selection__modal-close,.lens-selection__modal-back{background:none;border:none;flex-shrink:0;cursor:pointer}.lens-selection__modal-close:hover,.lens-selection__modal-back:hover{background-color:#f5f5f5}.lens-selection__modal-close svg,.lens-selection__modal-back svg{width:30px;height:30px}.lens-selection__modal-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:1rem 0}.lens-selection__section{padding:0}.lens-selection__section:last-child{margin-bottom:0}.lens-selection__section--multifocal{padding:0 1rem;background:#fff;z-index:1}.lens-selection__section-title{font-size:1rem;font-weight:600;color:#000;position:sticky;top:0;background-color:#fff;z-index:5;margin-bottom:5px}.lens-selection__section-description{font-size:.775rem;color:#666;margin-bottom:15px;line-height:1.5;display:block}.lens-selection__options{display:flex;flex-direction:column;position:relative;padding-bottom:20px;z-index:1}.lens-selection__options.reverse{flex-direction:column-reverse}.lens-selection__options:before{content:"";display:block;width:calc(100% + 40px);height:70px;background:linear-gradient(to bottom,#fff,#ffffffe5 20%,#fffc,#ffffff4d 80%,#fff0);position:absolute;top:0;left:-20px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s}.lens-selection__pages-wrapper.has-scroll-top .lens-selection__options:before{opacity:1}.lens-selection__options:after{content:"";display:block;width:calc(100% + 40px);height:100px;background:linear-gradient(to top,#fff,#fffffff2 20%,#ffffffb3,#ffffff4d 80%,#fff0);position:absolute;bottom:0;left:-20px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s}.lens-selection__pages-wrapper.has-scroll-bottom .lens-selection__options:after{opacity:1}.lens-selection__option{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.lens-selection__option:hover{background-color:#5e8eb21a;outline:10px solid rgb(94 142 178 / 10%)}.lens-selection__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#5e8eb299;outline:10px solid rgb(94 142 178 / 60%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#333;z-index:10;border-radius:inherit}.lens-selection__spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentcolor;border-radius:50%;animation:lens-selection-spin 1s linear infinite;margin-right:8px}@keyframes lens-selection-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lens-selection__loading-text{display:flex;align-items:center;justify-content:center}.lens-selection__option[data-disabled=true],.lens-selection__upsell-add-button[data-disabled=true]{opacity:.5;cursor:not-allowed}.lens-selection__option-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.lens-selection__option-button{background-color:#cfdde8;color:#000;font-size:.8rem;font-weight:500;border:none;padding:.5rem 1rem;border-radius:1.5rem;pointer-events:none;flex-shrink:0}.lens-selection__option-price{font-size:.875rem;font-weight:600;color:#000;flex-shrink:0}.lens-selection__option-price--free{color:#000}.lens-selection__option-description{font-size:.775rem;color:#666;margin:0;line-height:1.5}.lens-selection__option-divider{height:1px;background-color:#e5e5e5;margin:1rem 0}.lens-selection__multifocal-toggle{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0;text-align:left}.lens-selection__section--multifocal{padding:0 1rem}.lens-selection__section--multifocal .lens-selection__section-title{margin-bottom:10px}.lens-selection__chevron{transition:transform .2s ease}.lens-selection__multifocal-toggle .lens-selection__chevron{transform:rotate(180deg)}.lens-selection__multifocal-toggle[aria-expanded=true] .lens-selection__chevron{transform:rotate(0)}.lens-selection__multifocal-content{display:flex;flex-direction:column;gap:1.5rem}.lens-selection__multifocal-background{width:100%;padding-top:80px;background-color:#f0f8ff;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start}.lens-selection__multifocal-text-container{background-color:#fff;padding:1rem;border-radius:8px;margin:1rem;display:none}.lens-selection__multifocal-content--expanded .lens-selection__multifocal-text-container{display:flex}.lens-selection__multifocal-text{font-size:.875rem;color:#000;line-height:1.5;margin:0;font-weight:500}.lens-selection__multifocal-link{color:#000;text-decoration:underline}@media screen and (max-width: 768px){.lens-selection__modal{width:100%}.lens-selection__modal-image{display:none}.lens-selection__modal-main{width:100%}.lens-selection__page--1{border-right:none;border-bottom:1px solid #e0e0e0;padding-right:0;padding-bottom:20px}.lens-selection__page--2{padding-left:0}}body.modal-open{overflow:hidden}@media screen and (max-width: 768px){.custom-footer__wrapper{margin-bottom:100px!important}}.lens-selection__section--blue-light{display:none;margin:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-radius:12px;border:1px solid #e0e8ff}.lens-selection__page--3 .lens-selection__section--blue-light{display:block}.lens-selection__page--3 .lens-selection__section--hidden-on-coating{display:none}.lens-selection__blue-light-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.lens-selection__blue-light-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.lens-selection__blue-light-image{width:120px;height:auto;max-width:100%;object-fit:contain}.lens-selection__blue-light-description{font-size:.875rem;color:#666;line-height:1.5;max-width:280px;margin:0}@media (max-width: 768px){.lens-selection__section--blue-light{margin-top:1.5rem;padding:1.25rem;border-radius:8px}.lens-selection__blue-light-title{font-size:1.125rem}.lens-selection__blue-light-image{width:100px}.lens-selection__blue-light-description{font-size:.8125rem;max-width:240px}.side_menu_icon{bottom:80px!important}}.price-discount-tag{background-color:#858e86;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;line-height:1;border-radius:4px;padding:4px 8px;display:inline-block;margin-bottom:8px}
/*# sourceMappingURL=/cdn/shop/t/856/assets/lens-selection.css.map */