igioo-lens-selector{display:block}.igioo-lens-hint{margin:.6rem 0 0;font-size:.85em;opacity:.7;text-align:center}html.ils-lock{overflow:hidden}.ils{--ils-text: rgb(var(--color-base-text, 18 18 18));--ils-bg: rgb(var(--color-base-background, 255 255 255));--ils-accent: rgb(var(--color-base-button, 18 18 18));--ils-accent-soft: rgb(var(--color-base-button, 18 18 18) / .06);--ils-line: rgb(var(--color-base-text, 18 18 18) / .12);--ils-muted: rgb(var(--color-base-text, 18 18 18) / .65);--ils-radius: 14px;width:min(1040px,100vw);max-width:100vw;height:min(760px,100dvh);max-height:100dvh;padding:0;border:0;border-radius:18px;color:var(--ils-text);background:var(--ils-bg);box-shadow:0 30px 80px #00000040;overflow:hidden}.ils::backdrop{background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ils[open]{animation:ils-in .25s ease-out}@keyframes ils-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ils-shell{display:grid;grid-template-columns:340px 1fr;height:100%}.ils-aside{padding:28px;background:var(--ils-accent-soft);display:flex;flex-direction:column;gap:14px;overflow:auto}.ils-frame-img{width:100%;height:auto;aspect-ratio:2 / 1;object-fit:contain;mix-blend-mode:multiply}.ils-frame-title{margin:0;font-weight:600;font-size:1.05em}.ils-summary ul,.ils-review,.ils-trust{list-style:none;margin:0;padding:0}.ils-summary li,.ils-review li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ils-line);font-size:.92em}.ils-trust{margin-top:auto;display:grid;gap:8px;font-size:.85em;color:var(--ils-muted)}.ils-trust li{display:flex;align-items:center;gap:8px}.ils-trust .ils-icon{width:18px;height:18px;flex:none}.ils-trust--inline{margin-top:20px}.ils-main{display:flex;flex-direction:column;min-width:0;min-height:0}.ils-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--ils-line)}.ils-progress{flex:1;height:4px;border-radius:4px;background:var(--ils-line);overflow:hidden}.ils-progress span{display:block;height:100%;background:var(--ils-accent);transition:width .3s ease}.ils-icon-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.ils-icon-btn:hover{background:var(--ils-accent-soft)}.ils-icon{width:22px;height:22px}.ils-body{flex:1;overflow:auto;padding:24px 28px 32px;outline:none}.ils-title{margin:0 0 6px;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.2}.ils-lead{margin:0 0 20px;color:var(--ils-muted)}.ils-note{display:flex;gap:8px;align-items:center;margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--ils-accent-soft);font-size:.9em}.ils-note .ils-icon{width:18px;height:18px;flex:none}.ils-error{margin:16px 0 0;padding:10px 12px;border-radius:10px;background:#fdecec;color:#a4161a;font-size:.92em}.ils-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ils-cards--compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.ils-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px;border:1.5px solid var(--ils-line);border-radius:var(--ils-radius);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;background:var(--ils-bg)}.ils-card:hover{border-color:rgb(var(--color-base-text, 18 18 18) / .35);transform:translateY(-1px)}.ils-card.is-checked{border-color:var(--ils-accent);box-shadow:0 0 0 1.5px var(--ils-accent)}.ils-card input,.ils-chip input,.ils-swatch input,.ils-segment input{position:absolute;opacity:0;pointer-events:none}.ils-card:has(input:focus-visible),.ils-chip:has(input:focus-visible),.ils-swatch:has(input:focus-visible){outline:2px solid var(--ils-accent);outline-offset:2px}.ils-card-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:var(--ils-accent-soft)}.ils-card-body{display:grid;gap:4px;flex:1;min-width:0}.ils-card-title{font-weight:600}.ils-card-text{font-size:.88em;color:var(--ils-muted);line-height:1.4}.ils-badge{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:99px;background:var(--ils-accent);color:rgb(var(--color-base-button-text, 255 255 255));font-size:.7em;font-style:normal;font-weight:600;letter-spacing:.02em;vertical-align:middle}.ils-price{justify-self:start;margin-top:4px;font-weight:600;font-size:.9em;white-space:nowrap}.ils-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.ils-chip{position:relative;padding:12px;text-align:center;border:1.5px solid var(--ils-line);border-radius:12px;cursor:pointer;font-weight:600}.ils-chip.is-checked{border-color:var(--ils-accent);box-shadow:0 0 0 1.5px var(--ils-accent)}.ils-swatches{display:flex;flex-wrap:wrap;gap:12px}.ils-swatch{position:relative;display:grid;justify-items:center;gap:8px;width:92px;padding:12px 8px;border:1.5px solid var(--ils-line);border-radius:12px;cursor:pointer;font-size:.88em}.ils-swatch span{width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.ils-swatch.is-checked{border-color:var(--ils-accent);box-shadow:0 0 0 1.5px var(--ils-accent)}.ils-rx{display:grid;gap:16px}.ils-rx-table{width:100%;border-collapse:separate;border-spacing:6px;margin:0 -6px}.ils-rx-table th{font-size:.8em;font-weight:600;text-align:left;color:var(--ils-muted)}.ils-rx-table tbody th{white-space:nowrap;color:var(--ils-text)}.ils select{width:100%;min-height:44px;padding:0 10px;border:1.5px solid var(--ils-line);border-radius:10px;background:var(--ils-bg);color:inherit;font:inherit}.ils select:disabled{opacity:.4}.ils-help summary{cursor:pointer;font-weight:600;font-size:.9em}.ils-help p{font-size:.88em;color:var(--ils-muted)}.ils-pd{display:grid;gap:10px;margin:0;padding:0;border:0}.ils-pd legend{font-weight:600;margin-bottom:8px}.ils-pd>select{max-width:160px}.ils-pd-dual{display:flex;gap:12px}.ils-pd-dual label{display:grid;gap:4px;font-size:.85em}.ils-segment{display:inline-flex;flex-wrap:wrap;padding:4px;gap:4px;border-radius:12px;background:var(--ils-accent-soft)}.ils-segment label{position:relative;padding:8px 14px;border-radius:9px;cursor:pointer;font-size:.9em}.ils-segment label.is-checked{background:var(--ils-bg);box-shadow:0 1px 4px #0000001f;font-weight:600}.ils-check{display:flex;gap:10px;align-items:center;font-size:.9em}.ils-upload{position:relative;display:flex;align-items:center;gap:14px;padding:22px;margin-bottom:20px;border:2px dashed var(--ils-line);border-radius:var(--ils-radius);cursor:pointer}.ils-upload.has-file{border-style:solid;border-color:var(--ils-accent)}.ils-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ils-upload .ils-icon{width:30px;height:30px;flex:none}.ils-review li span:first-child{display:flex;gap:8px;align-items:baseline}.ils-link{padding:0;border:0;background:none;color:var(--ils-muted);text-decoration:underline;font-size:.85em;cursor:pointer}.ils-review-total{display:flex;justify-content:space-between;padding:14px 0 0;font-size:1.15em}.ils-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--ils-line);background:var(--ils-bg)}.ils-total{display:grid;line-height:1.2}.ils-total span{font-size:.8em;color:var(--ils-muted)}.ils-total strong{font-size:1.25em}.ils-next{min-width:180px}.ils-next:disabled{opacity:.45;cursor:not-allowed}@media(max-width:860px){.ils{width:100vw;height:100dvh;border-radius:0}.ils[open]{animation-name:ils-up}@keyframes ils-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.ils-shell{grid-template-columns:1fr}.ils-aside{display:none}.ils-body{padding:20px 16px 28px}.ils-cards,.ils-cards--compact{grid-template-columns:1fr}.ils-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.ils-next{min-width:0;flex:1;max-width:220px}.ils-rx-table{font-size:.9em}.ils select{padding:0 6px}}.igioo-lens-buy-buttons .product-form__buttons,.igioo-lens-buy-buttons .shopify-payment-button{display:none!important}.ils{--ils-text: rgb(var(--text-color, 28, 28, 28));--ils-bg: rgb(var(--background, 255, 255, 255));--ils-accent: rgb(var(--root-primary-button-background, 99, 102, 241));--ils-accent-soft: rgba(var(--root-primary-button-background, 99, 102, 241), .07);--ils-line: rgba(var(--text-color, 28, 28, 28), .12);--ils-muted: rgba(var(--text-color, 28, 28, 28), .65)}.ils .ils-badge{color:rgb(var(--primary-button-text-color, 255, 255, 255))}
/*# sourceMappingURL=/cdn/shop/t/21/assets/igioo-lens-selector.css.map */