.lens-selector__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.lens-selector__dialog{width:min(960px,100vw);max-width:100vw;height:min(720px,100vh);max-height:100vh;padding:0;margin:auto;border:0;border-radius:16px;background:var(--color-background, #fff);color:var(--color-foreground, #111);font-family:var(--font-body--family, inherit);box-shadow:0 24px 64px #0000002e;overflow:hidden}.lens-selector__dialog::backdrop{background:#00000080}@media(max-width:768px){.lens-selector__dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}.lens-selector__layout{display:grid;grid-template-columns:40% 1fr;height:100%}@media(max-width:768px){.lens-selector__layout{grid-template-columns:1fr;grid-template-rows:1fr auto}}.lens-selector__frame-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:rgb(var(--color-foreground-rgb, 17 17 17) / .03);border-right:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .08);gap:1rem}@media(max-width:768px){.lens-selector__frame-panel{grid-row:2;flex-direction:row;justify-content:space-between;padding:1rem 1.25rem;border-right:0;border-top:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .08)}}.lens-selector__frame-figure{width:100%;display:flex;align-items:center;justify-content:center}.lens-selector__frame-image{display:block;width:100%;max-width:340px;height:auto;object-fit:contain}@media(max-width:768px){.lens-selector__frame-figure{display:none}}.lens-selector__frame-name{font-size:1rem;font-weight:600;text-align:center}.lens-selector__subtotal{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(max-width:768px){.lens-selector__subtotal{flex-direction:row;gap:.5rem}}.lens-selector__subtotal-label{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.lens-selector__subtotal-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.lens-selector__main{display:flex;flex-direction:column;height:100%;overflow:hidden}.lens-selector__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .06)}.lens-selector__back,.lens-selector__close{background:transparent;border:0;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:999px;line-height:1;color:var(--color-foreground, #111)}.lens-selector__back:hover,.lens-selector__close:hover{background:rgb(var(--color-foreground-rgb, 17 17 17) / .06)}.lens-selector__back:focus-visible,.lens-selector__close:focus-visible{outline:2px solid var(--color-primary, currentColor);outline-offset:2px}.lens-selector__progress{flex:1;height:4px;background:rgb(var(--color-foreground-rgb, 17 17 17) / .1);border-radius:2px;overflow:hidden}.lens-selector__progress-bar{height:100%;width:var(--lens-progress, 20%);background:var(--color-foreground, #111);transition:width .3s ease}.lens-selector__step-heading{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;margin:0;padding:1.5rem 1.5rem .75rem;line-height:1.2}.lens-selector__step-body{flex:1;overflow-y:auto;padding:.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.lens-selector__footer{padding:1rem 1.5rem;border-top:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .06)}.lens-selector__continue{width:100%;min-height:48px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;border:1px solid var(--color-primary-button-border, var(--color-foreground, #111));background:var(--color-primary-button-background, var(--color-foreground, #111));color:var(--color-primary-button-text, var(--color-background, #fff));border-radius:999px;cursor:pointer;transition:opacity .15s ease}.lens-selector__continue:hover:not(:disabled){background:var(--color-primary-button-hover-background, var(--color-foreground, #111));color:var(--color-primary-button-hover-text, var(--color-background, #fff));border-color:var(--color-primary-button-hover-border, var(--color-foreground, #111))}.lens-selector__continue:disabled{opacity:.4;cursor:not-allowed}.lens-selector__continue:focus-visible{outline:2px solid var(--color-primary, currentColor);outline-offset:2px}.lens-selector__card{display:block;width:100%;text-align:left;padding:1rem 1.25rem;background:var(--color-background, #fff);border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .12);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;font:inherit;color:inherit}.lens-selector__card:hover{border-color:rgb(var(--color-foreground-rgb, 17 17 17) / .35)}.lens-selector__card.is-selected{border-color:var(--color-foreground, #111);border-width:2px;padding:calc(1rem - 1px) calc(1.25rem - 1px)}.lens-selector__card:focus-visible{outline:2px solid var(--color-primary, currentColor);outline-offset:2px}.lens-selector__card-title{font-size:1rem;font-weight:600;margin:0 0 .25rem}.lens-selector__card-desc{font-size:.875rem;opacity:.75;margin:0;line-height:1.4}.lens-selector__card-price{display:inline-block;margin-top:.5rem;font-weight:600;font-variant-numeric:tabular-nums}.lens-selector__rx-helper{font-size:.875rem;margin:0 0 .5rem}.lens-selector__rx-table table{width:100%;border-collapse:collapse}.lens-selector__rx-table th,.lens-selector__rx-table td{text-align:left;padding:.5rem .5rem .5rem 0;vertical-align:middle;font-size:.875rem}.lens-selector__rx-table thead th{font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;opacity:.6}.lens-selector__rx-table select{width:100%;padding:.5rem;border-radius:8px;border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .18);background:var(--color-background, #fff);font:inherit;color:inherit;min-height:44px}.lens-selector__rx-table select:focus-visible{outline:2px solid var(--color-primary, currentColor);outline-offset:1px}.lens-selector__pd-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;background:rgb(var(--color-foreground-rgb, 17 17 17) / .03);border-radius:8px}.lens-selector__pd-label{font-weight:600}.lens-selector__pd-required{color:var(--color-error, #c00)}.lens-selector__pd-row select{min-height:44px;padding:.5rem .75rem;border-radius:8px;border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .18);background:var(--color-background, #fff);font:inherit;color:inherit}.lens-selector__pd-toggle{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.875rem}.lens-selector__free-banner{margin:0 0 .5rem;padding:.875rem 1rem;background:rgb(var(--color-foreground-rgb, 17 17 17) / .04);border-radius:8px;font-size:.875rem}.lens-selector__sunglass-hint{margin:.5rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.lens-selector__coating-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:1rem 1.25rem;background:var(--color-background, #fff);border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .12);border-radius:12px;cursor:pointer}.lens-selector__coating-card.is-selected{border-color:var(--color-foreground, #111);border-width:2px;padding:calc(1rem - 1px) calc(1.25rem - 1px)}.lens-selector__coating-card input[type=checkbox]{margin:.25rem 0 0;width:18px;height:18px}.lens-selector__coating-label{font-weight:600;display:block}.lens-selector__coating-desc{font-size:.875rem;opacity:.7;display:block;margin-top:.125rem}.lens-selector__coating-price{font-weight:600;font-variant-numeric:tabular-nums}.lens-selector__color-picker{grid-column:1 / -1;display:flex;gap:.75rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .06)}.lens-selector__color-option{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem}.lens-selector__review{display:flex;flex-direction:column;gap:.5rem;margin:0}.lens-selector__review>div{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem;padding:.5rem 0;border-bottom:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .06);align-items:baseline}.lens-selector__review dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.lens-selector__review dd{margin:0;font-size:.9375rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.lens-selector__review-price{font-weight:600;font-variant-numeric:tabular-nums}.lens-selector__edit{font-size:.8125rem;text-decoration:underline}.lens-selector__pill{display:inline-block;padding:.2rem .6rem;background:rgb(var(--color-foreground-rgb, 17 17 17) / .06);border-radius:999px;font-size:.8125rem}.lens-selector__patient-row{display:flex;flex-direction:column;gap:.4rem;margin:.75rem 0;font-size:.875rem}.lens-selector__patient-row input{padding:.625rem .75rem;border-radius:8px;border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .18);background:var(--color-background, #fff);font:inherit;color:inherit;min-height:44px}.lens-selector__total{display:flex;justify-content:space-between;align-items:baseline;padding:.75rem 0 0;font-size:1.125rem;font-weight:600;border-top:2px solid var(--color-foreground, #111);margin-top:.5rem}.lens-selector__total strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.lens-selector__link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.lens-selector__btn-primary{width:100%;min-height:48px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;border:0;background:var(--color-foreground, #111);color:var(--color-background, #fff);border-radius:999px;cursor:pointer;margin-bottom:.5rem}.lens-selector__rescue{width:min(420px,90vw);padding:0;border:0;border-radius:12px;background:var(--color-background, #fff);color:var(--color-foreground, #111)}.lens-selector__rescue::backdrop{background:#0006}.lens-selector__rescue-body{padding:2rem 1.75rem;text-align:center}.lens-selector__rescue-body h3{margin:0 0 .75rem;font-size:1.25rem}.lens-selector__rescue-body p{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5;opacity:.85}.lens-selector__pdp-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:1px solid var(--color-primary-button-border, var(--color-foreground, #111));background:var(--color-primary-button-background, var(--color-foreground, #111));color:var(--color-primary-button-text, var(--color-background, #fff));border-radius:999px;cursor:pointer}.lens-selector__pdp-button:hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.lens-selector__pdp-button:focus-visible{outline:2px solid var(--color-primary, currentColor);outline-offset:2px}@media(prefers-reduced-motion:reduce){.lens-selector__progress-bar,.lens-selector__continue,.lens-selector__card{transition:none}}.lens-selector__pdp-button--ghost{margin-top:.625rem;background:transparent;color:var(--color-foreground, #111);border-color:color-mix(in srgb,var(--color-foreground, #111) 35%,transparent);font-weight:500}.lens-selector__pdp-button--ghost:hover{background:color-mix(in srgb,var(--color-foreground, #111) 6%,transparent);color:var(--color-foreground, #111);border-color:var(--color-foreground, #111)}.lens-selector__pdp-button--ghost:disabled{opacity:.55;cursor:wait}.lens-selector__pdp-button--soldout,.lens-selector__pdp-button--soldout:hover{background:transparent;color:var(--color-foreground, #111);border-style:dashed;border-color:color-mix(in srgb,var(--color-foreground, #111) 30%,transparent);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;cursor:not-allowed;opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/10/assets/lens-selector.css.map */