.lens-flow__mobile-steps,.lens-flow__mobile-summary-bar,.lens-flow__mobile-sheet{display:none}@media(max-width:720px){.lens-flow{background:#f4f4f6}.lens-flow__layout{display:block;min-height:100vh;background:#f4f4f6}.lens-flow__product{display:none}.lens-flow__panel{min-height:100vh;padding:0 0 6.75rem;background:#f4f4f6;overflow:visible}.lens-flow__progress{display:none}.lens-flow__mobile-steps{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1rem 1rem .35rem}.lens-flow__mobile-steps span{width:.78rem;height:.78rem;border-radius:999px;background:#c4cbd3;box-shadow:0 0 0 .28rem #929ca726}.lens-flow__mobile-steps span.is-active{background:#5046f4;box-shadow:0 0 0 .28rem #5046f42e}.lens-flow__mobile-steps span.is-complete{background:#5046f4}.lens-flow__panel-header{position:absolute;top:-.35rem;right:-1.12rem;left:-1.12rem;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent;border:0}.lens-flow__panel-header-left{display:flex!important;align-items:center}.lens-flow__icon-button{width:2rem;height:2rem;margin-left:0;border:0;background:transparent;color:#3a3530;font-size:2rem}.lens-flow__product-inner,.lens-flow__form{width:calc(100% - 1.25rem)}.lens-flow__form{display:block}.lens-flow__panel{position:relative}.lens-flow__screen-head h1,.lens-flow__screen-head h2{font-size:1.05rem;line-height:1.2;font-weight:800}.lens-flow__screen-head{margin-bottom:.75rem}.lens-flow__screen-head--prescription,.lens-flow__screen-head--lens-type,.lens-flow__screen-head--reading-branch,.lens-flow__screen-head--reading-power{margin-bottom:.9rem;padding-top:.35rem}.lens-flow__screen-head--prescription .lens-flow__screen-heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.35rem;width:100%}.lens-flow__screen-head--prescription .lens-flow__screen-heading-row h1{margin:0;min-width:0}.lens-flow__usage-help-text{display:none}.lens-flow__usage-help-trigger{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:0;padding:0;border:0;background:transparent;box-shadow:none}.lens-flow__usage-help-icon{width:1.2rem;height:1.2rem;font-size:.78rem}.lens-flow__panel-header{position:absolute;top:-.55rem;right:-1rem;z-index:4;grid-template-columns:auto;padding:0;background:transparent;border:0}.lens-flow__back-link{display:none!important}.lens-flow__icon-button--back{display:inline-flex!important;position:absolute;top:.5rem;left:1.5rem;z-index:5;background:transparent;border:none;color:#3a3530;font-size:1.5rem;width:2.5rem;height:2.5rem;align-items:center;justify-content:center}.lens-flow[data-active-screen=prescription] .lens-flow__icon-button--back,.lens-flow__icon-button--back[hidden]{display:none!important}.lens-flow__icon-button:not(.lens-flow__icon-button--back){width:2.5rem;height:2.5rem;margin-left:0;font-size:2.35rem;line-height:1}.lens-flow__option-list--prescription,.lens-flow__option-list--lens-type,.lens-flow__option-list--reading-branch,.lens-flow__option-list--reading-power{gap:.8rem}.lens-flow__option-list--prescription .lens-flow__option-card{display:grid;grid-template-columns:3.1rem minmax(0,1fr) auto;gap:.8rem;align-items:start;position:relative;min-height:0;padding:.9rem 2.55rem .9rem .95rem}.lens-flow__option-list--prescription .lens-flow__option-card:after{content:"";position:absolute;top:1.12rem;right:1rem;width:.46rem;height:.46rem;border-right:1.8px solid #8c857e;border-bottom:1.8px solid #8c857e;transform:rotate(-45deg)}.lens-flow__option-list--prescription .lens-flow__option-copy span{display:block;margin-top:.28rem;font-size:.66rem;line-height:1.3;max-width:13.5rem}.lens-flow__option-list--prescription .lens-flow__option-copy strong{display:block;margin-top:.02rem;padding-right:.3rem;font-size:.92rem;line-height:1.2}.lens-flow__option-list--prescription .lens-flow__option-icon--outline{width:2.45rem;height:2.45rem;margin-top:.08rem}.lens-flow__option-card,.lens-flow__lens-type-suboption{border-radius:.95rem;border:1px solid rgba(39,34,29,.12);background:#fff;box-shadow:none}.lens-flow__option-card{padding:.56rem .74rem;min-height:6.5rem;height:auto}.lens-flow__option-card.is-selected,.lens-flow__lens-type-suboption.is-selected{border-color:#5046f4;box-shadow:0 0 0 1px #5046f429}.lens-flow__option-card--lens-type,.lens-flow__option-card--lens,.lens-flow__option-card--coating{grid-template-columns:4.4rem minmax(0,1fr) auto;column-gap:.85rem;row-gap:.12rem;align-items:start;min-height:6.5rem;height:auto;padding:.56rem .74rem}.lens-flow__option-card--lens-type,.lens-flow__option-card--lens,.lens-flow__option-card--coating{align-items:center}.lens-flow__option-icon--outline,.lens-flow__option-icon--lens-type{width:4.45rem;height:4.45rem;border:0;background:transparent}.lens-flow__option-card--lens-type .lens-flow__option-icon--outline,.lens-flow__option-card--lens-type .lens-flow__option-icon--lens-type{grid-column:1;grid-row:1 / span 3;align-self:center;justify-self:center}.lens-flow__option-card--lens-type .lens-flow__option-icon--outline img,.lens-flow__option-card--lens-type .lens-flow__option-icon--outline svg,.lens-flow__option-card--lens-type .lens-flow__option-icon--lens-type img,.lens-flow__option-card--lens-type .lens-flow__option-icon--lens-type svg{width:100%;height:100%;object-fit:contain}.lens-flow__option-card--lens-type .lens-flow__option-copy{display:grid;grid-column:2;row-gap:.16rem;align-self:center;transform:translateY(.85rem)}.lens-flow__option-card--lens-type-toggle .lens-flow__option-copy{justify-self:stretch}.lens-flow__option-card--lens-type-toggle .lens-flow__option-copy strong{display:inline-flex;align-items:center;justify-content:space-between;width:100%}.lens-flow__option-card--lens-type-toggle .lens-flow__option-copy strong>span{display:inline-flex;align-items:center;gap:.16rem}.lens-flow__option-card--lens-type-toggle .lens-flow__option-copy strong:after{content:"";display:inline-block;width:.45rem;height:.45rem;border-right:1.5px solid #8b8883;border-bottom:1.5px solid #8b8883;transform:rotate(45deg);transform-origin:center}.lens-flow__option-card--lens-type[data-usage-option=photochromic] .lens-flow__option-copy strong:after{margin-top:-.2rem}.lens-flow__option-card--lens-type[data-usage-option=transitions] .lens-flow__option-copy strong:after{margin-top:-.2rem}.lens-flow__lens-type-expandable.is-expanded>.lens-flow__option-card--lens-type-toggle .lens-flow__option-copy strong:after{transform:rotate(-135deg)}.lens-flow__lens-type-expandable.is-expanded>.lens-flow__option-card--lens-type[data-usage-option=photochromic] .lens-flow__option-copy strong:after{margin-top:.15rem}.lens-flow__lens-type-expandable.is-expanded>.lens-flow__option-card--lens-type[data-usage-option=transitions] .lens-flow__option-copy strong:after{margin-top:.15rem}.lens-flow__option-copy strong{font-size:.9rem;line-height:1.18}.lens-flow__option-copy span{display:none;margin-top:.12rem;color:#7b7671;font-size:.64rem;line-height:1.2}.lens-flow__option-copy strong span{display:inline!important;margin-top:0!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}.lens-flow__option-card.is-selected .lens-flow__option-copy span,.lens-flow__lens-type-expandable.is-expanded>.lens-flow__option-card .lens-flow__option-copy span,.lens-flow__option-card--lens-type[data-usage-option=photochromic] .lens-flow__option-copy span,.lens-flow__option-card--lens-type[data-usage-option=transitions] .lens-flow__option-copy span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lens-flow__lens-type-price,.lens-flow__lens-price,.lens-flow__option-card--coating .lens-flow__lens-price{justify-self:start;text-align:left;font-size:1rem;font-weight:800;white-space:nowrap}.lens-flow__option-card--lens-type .lens-flow__lens-type-price{grid-column:2;margin-top:0;align-self:center;transform:translateY(.85rem)}.lens-flow__option-card--lens-type .lens-flow__lens-type-price b{position:absolute;top:-1px;right:-1px;margin:0;padding:.16rem .52rem;border-radius:0 .95rem 0 .72rem;font-size:.74rem;line-height:1}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__option-copy,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__option-copy{row-gap:.08rem;align-self:center}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__option-copy span,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__option-copy span{margin-top:.1rem;line-height:1.18}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__lens-type-price,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__lens-type-price{margin-top:.02rem}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__lens-swatches,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__lens-swatches{margin-top:.16rem}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__lens-type-price strong,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__lens-type-price strong{font-size:.95rem}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__lens-type-price s,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__lens-type-price s{font-size:.8rem}.lens-flow__option-card--lens-type[data-usage-option=color_tinted],.lens-flow__option-card--lens-type[data-usage-option=polarized]{position:relative}.lens-flow__option-card--lens-type[data-usage-option=color_tinted] .lens-flow__lens-type-price b,.lens-flow__option-card--lens-type[data-usage-option=polarized] .lens-flow__lens-type-price b,.lens-flow__lens-type-caret,.lens-flow__option-card--lens-type-toggle .lens-flow__lens-type-caret{display:none!important}.lens-flow__screen[data-screen=coating] .lens-flow__option-card--coating .lens-flow__lens-price,.lens-flow__screen[data-screen=lens] .lens-flow__option-card--lens .lens-flow__lens-price{grid-column:2;align-self:start;justify-self:start;text-align:left;margin-top:.2rem}.lens-flow__option-card--lens .lens-flow__option-icon--lens,.lens-flow__option-card--coating .lens-flow__option-icon--coating{width:5.5rem!important;height:5.5rem!important;grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center}.lens-flow__option-card--lens .lens-flow__option-icon--lens img,.lens-flow__option-card--lens .lens-flow__option-icon--lens svg,.lens-flow__option-card--coating .lens-flow__option-icon--coating img,.lens-flow__option-card--coating .lens-flow__option-icon--coating svg{width:100%!important;height:100%!important;object-fit:contain}.lens-flow__option-card--lens .lens-flow__option-copy,.lens-flow__option-card--coating .lens-flow__option-copy{grid-column:2;justify-self:start;align-self:end}.lens-flow__option-card--lens .lens-flow__option-copy strong,.lens-flow__option-card--coating .lens-flow__option-copy strong{font-size:1.1rem!important}.lens-flow__option-card--lens .lens-flow__lens-price,.lens-flow__option-card--coating .lens-flow__lens-price{font-size:1.2rem!important;font-weight:850!important}.lens-flow__lens-type-options{margin-top:.65rem;gap:.7rem}.lens-flow__lens-type-suboption{grid-template-columns:1fr auto;gap:.75rem;padding:.95rem;min-height:0}.lens-flow__lens-type-subcopy strong{font-size:.9rem;line-height:1.18}.lens-flow__lens-type-subcopy span{font-size:.64rem!important;line-height:1.25!important}.lens-flow__lens-type-subprice{justify-self:end;font-size:.95rem;font-weight:800}.lens-flow__screen[data-screen=index],.lens-flow__screen[data-screen=coating],.lens-flow__screen[data-screen=review],.lens-flow__selection-summary,.lens-flow__upload-card{padding-bottom:.5rem}.lens-flow__rx-card--manual{padding:.8rem;border-radius:1rem}.lens-flow__rx-confirm-dialog{padding:1.05rem;border-radius:1.1rem}.lens-flow__mobile-summary-bar{display:block;position:fixed;right:0;bottom:0;left:0;z-index:1000!important;padding:.55rem .75rem max(.75rem,env(safe-area-inset-bottom));background:#f4f4f6f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lens-flow__mobile-summary-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.8rem;width:100%;align-items:center;border:1px solid rgba(39,34,29,.08);border-radius:1rem;padding:.7rem .85rem;background:#fff;color:#27221d;text-align:left;box-shadow:0 6px 24px #1c181414}.lens-flow__mobile-summary-bar[data-mode=subtotal] .lens-flow__mobile-summary-trigger{grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.lens-flow__mobile-summary-bar[data-mode=frame] .lens-flow__mobile-summary-trigger{grid-template-columns:auto fit-content(10rem) auto 1fr;justify-items:start}.lens-flow__mobile-summary-bar[data-screen=usage] .lens-flow__mobile-summary-trigger{grid-template-columns:auto fit-content(9rem) auto auto;justify-items:start}.lens-flow__mobile-summary-bar[data-mode=frame] .lens-flow__mobile-summary-thumb{background:transparent;width:3.7rem;height:2.35rem;align-self:center}.lens-flow__mobile-summary-bar[data-mode=frame] .lens-flow__mobile-summary-thumb img{width:118%;height:118%;padding:0;transform:translateY(-.4rem)}.lens-flow__mobile-summary-thumb,.lens-flow__mobile-sheet-summary-thumb{display:grid;place-items:center;width:3.1rem;height:2rem;border-radius:.65rem;background:#f5efe7;overflow:hidden;flex:none}.lens-flow__mobile-summary-thumb{border:0;padding:0;cursor:pointer}.lens-flow__mobile-summary-fallback{color:#5d5650;font-size:.72rem;font-weight:700;line-height:1}.lens-flow__mobile-summary-thumb img,.lens-flow__mobile-sheet-summary-thumb img{width:100%;height:100%;object-fit:contain;padding:.12rem}.lens-flow__mobile-summary-copy,.lens-flow__mobile-sheet-summary-copy{display:grid;gap:.12rem;min-width:0}.lens-flow__mobile-summary-bar[data-mode=frame] .lens-flow__mobile-summary-copy{align-self:center;gap:.08rem;transform:translateY(-.06rem)}.lens-flow__mobile-summary-bar[data-screen=usage] .lens-flow__mobile-summary-copy{justify-self:start}.lens-flow__mobile-summary-copy strong,.lens-flow__mobile-sheet-summary-copy strong{display:block;font-size:.98rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lens-flow__mobile-summary-copy span,.lens-flow__mobile-sheet-summary-copy span{display:block;font-size:.96rem;font-weight:800;line-height:1.2}.lens-flow__mobile-summary-bar[data-mode=subtotal] .lens-flow__mobile-summary-copy strong{color:#666;font-size:.75rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.05em}.lens-flow__mobile-summary-bar[data-mode=subtotal] .lens-flow__mobile-summary-copy span{color:#000;font-size:1.5rem;font-weight:800}.lens-flow__mobile-summary-caret{width:.52rem;height:.52rem;border-right:2px solid #90887f;border-bottom:2px solid #90887f;transform:rotate(-135deg)}.lens-flow__mobile-summary-caret--collapse{transform:rotate(-135deg)}.lens-flow__mobile-summary-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;background:transparent;padding:0}.lens-flow__mobile-summary-bar[data-mode=frame] .lens-flow__mobile-summary-toggle{align-self:center;justify-self:start;margin-left:-.15rem;transform:translateY(-.08rem)}.lens-flow__mobile-summary-bar[data-screen=usage] .lens-flow__mobile-summary-toggle{justify-self:start;margin-left:-.3rem}.lens-flow__mobile-summary-bar[data-screen=usage] .lens-flow__primary--mobile-next{display:inline-flex;min-width:8.65rem;min-height:3rem;align-items:center;justify-content:center}.lens-flow__mobile-summary-toggle[hidden],.lens-flow__mobile-summary-thumb[hidden],.lens-flow__primary--mobile-next[hidden],.lens-flow__primary--mobile-sheet[hidden],.lens-flow__mobile-sheet[hidden]{display:none!important}.lens-flow__mobile-sheet{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000!important}.lens-flow__mobile-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1111116b}.lens-flow__mobile-sheet-dialog{position:absolute;right:0;bottom:0;left:0;display:grid;gap:.95rem;max-height:min(88vh,48rem);padding:1rem 1rem calc(.9rem + env(safe-area-inset-bottom));border-radius:1.4rem 1.4rem 0 0;background:#fff;box-shadow:0 -16px 36px #1010102e;overflow-y:auto}.lens-flow__mobile-sheet-dialog--color{z-index:81}.lens-flow__mobile-sheet-close{position:absolute;top:.9rem;right:.95rem;border:0;background:transparent;color:#332d28;font-size:2rem;line-height:1}.lens-flow__mobile-sheet-head{padding-top:.3rem;text-align:center}.lens-flow__mobile-sheet-head h2{margin:0;font-size:1.1rem;font-weight:800}.lens-flow__mobile-lens-preview{display:flex;justify-content:center}.lens-flow__mobile-lens-preview-frame{position:relative;width:min(15rem,78vw);aspect-ratio:1.35;border-radius:1rem;background:transparent;overflow:hidden}.lens-flow__mobile-lens-preview-frame img,.lens-flow__mobile-lens-preview-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.lens-flow__mobile-lens-description{margin:0;color:#7c7772;font-size:.94rem;line-height:1.45;text-align:center}.lens-flow__mobile-lens-pricing{display:grid;gap:.2rem;justify-items:center}.lens-flow__mobile-lens-pricing strong{font-size:1.8rem;font-weight:850;line-height:1}.lens-flow__mobile-lens-pricing s{color:#a49e9a;font-size:1rem;font-weight:700}.lens-flow__mobile-lens-swatch-grid{display:grid;grid-template-columns:repeat(3,max-content);gap:1rem 2.5rem;justify-content:center;justify-items:center;padding:.2rem 0 .5rem}.lens-flow__mobile-lens-swatch{display:grid;place-items:center;width:2.55rem;height:2.55rem;border:0;border-radius:999px;background:transparent;padding:0}.lens-flow__mobile-lens-swatch span{display:block;width:2rem;height:2rem;border-radius:999px;box-shadow:inset 0 0 0 1px #201b161f}.lens-flow__mobile-lens-swatch.is-selected{box-shadow:0 0 0 2px #5046f4 inset}.lens-flow__mobile-price-lines{display:grid;gap:1.35rem;padding-top:.6rem}.lens-flow__mobile-price-group{display:grid;gap:.7rem}.lens-flow__mobile-price-group h3{margin:0;font-size:1rem;font-weight:800}.lens-flow__mobile-price-line{display:flex;align-items:start;justify-content:space-between;gap:1rem}.lens-flow__mobile-price-line strong{display:block;font-size:.98rem;line-height:1.3}.lens-flow__mobile-price-line span{display:block;margin-top:.18rem;color:#65605c;font-size:.95rem;line-height:1.35}.lens-flow__mobile-price-values{display:grid;justify-items:end;gap:.12rem;text-align:right;white-space:nowrap}.lens-flow__mobile-price-values strong{font-size:1rem;font-weight:850}.lens-flow__mobile-price-values s{color:#a8a1a0;font-size:.95rem;font-weight:700}.lens-flow__mobile-sheet-footer{position:sticky;bottom:calc(-1*(.9rem + env(safe-area-inset-bottom)));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;margin:0 -1rem calc(-.9rem - env(safe-area-inset-bottom));padding:.85rem 1rem calc(.95rem + env(safe-area-inset-bottom));border-top:1px solid rgba(39,34,29,.08);background:#fff}.lens-flow__mobile-sheet[data-mode=frame] .lens-flow__mobile-sheet-dialog--price{gap:.5rem;padding-top:2.25rem}.lens-flow__mobile-sheet[data-mode=frame] .lens-flow__mobile-price-lines{padding-top:0}.lens-flow__mobile-sheet[data-mode=frame] .lens-flow__mobile-sheet-footer{grid-template-columns:minmax(0,1fr)}.lens-flow__mobile-sheet-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;min-width:0}.lens-flow__mobile-sheet-summary-toggle{border:0;background:transparent;padding:.1rem}.lens-flow__primary--mobile-sheet{min-width:8.75rem;min-height:3.1rem;border-radius:999px;background:#4b46f2;box-shadow:none}.lens-flow__primary--mobile-next{min-width:8.65rem;min-height:3rem;border-radius:999px;box-shadow:none;background:#4b46f2;color:#fff}.lens-flow__primary--mobile-next[disabled],.lens-flow__primary--mobile-next[aria-disabled=true]{background:#cfcaf7;color:#fff;cursor:not-allowed;opacity:1}.lens-flow__screens{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding-bottom:22rem!important}}@media(max-width:720px){.lens-flow[data-active-screen=usage] .lens-flow__panel-header-left{display:flex!important;align-items:center}.lens-flow[data-active-screen=usage] .lens-flow__icon-button--back{display:inline-flex!important}.lens-flow[data-active-screen=usage] .lens-flow__back-link,.lens-flow[data-active-screen=prescription] .lens-flow__panel-header-left,.lens-flow[data-active-screen=prescription] .lens-flow__icon-button--back,.lens-flow[data-active-screen=prescription] .lens-flow__back-link{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/select-lenses-mobile-redesign.css.map */