.jf-lens-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;font-family:Outfit,system-ui,sans-serif;color:#1c1f21}.jf-lens-modal.is-open{display:block}.jf-lens-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;animation:jfl-fade .22s ease}.jf-lens-modal__panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,96vw);background:#fff;display:flex;flex-direction:column;animation:jfl-slide .32s cubic-bezier(.22,.61,.36,1);box-shadow:-4px 0 32px #00000026}@keyframes jfl-fade{0%{opacity:0}to{opacity:1}}@keyframes jfl-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.jf-lens-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ece7df;position:relative}.jf-lens-modal__back,.jf-lens-modal__close{background:none;border:0;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#1c1f21;border-radius:50%;transition:background .18s}.jf-lens-modal__back:hover,.jf-lens-modal__close:hover{background:#fbf9f6}.jf-lens-modal__progress{display:flex;gap:6px}.jf-lens-modal__progress [data-dot]{display:block;width:28px;height:3px;background:#ece7df;border-radius:2px;transition:background .22s ease}.jf-lens-modal__progress [data-dot].is-active{background:#1c1f21}.jf-lens-modal__body{flex:1;overflow-y:auto;padding:28px 28px 32px}.jf-lens-step__title{font-size:1.5rem;font-weight:600;margin:0 0 8px;letter-spacing:-.01em;line-height:1.2}.jf-lens-step__sub{font-size:.875rem;color:#6b6b6b;margin:0 0 24px;line-height:1.5}.jf-lens-substep__title{font-size:.9375rem;font-weight:600;margin:28px 0 12px;letter-spacing:-.005em}.jf-lens-tiers{display:flex;flex-direction:column;gap:10px}.jf-lens-tier{display:flex;align-items:flex-start;gap:16px;width:100%;padding:16px 18px;background:#fff;border:1px solid #ece7df;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .18s,transform .18s,box-shadow .18s}.jf-lens-tier:hover{border-color:#1c1f21;transform:translateY(-1px)}.jf-lens-tier.is-active{border-color:#1c1f21;box-shadow:0 0 0 1px #1c1f21 inset}.jf-lens-tier__main{flex:1;min-width:0}.jf-lens-tier__main h3{font-size:1rem;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.jf-lens-tier__main p{font-size:.8125rem;color:#6b6b6b;margin:0;line-height:1.45}.jf-lens-tier__price{font-size:.875rem;font-weight:600;white-space:nowrap;padding-top:2px}.jf-lens-tier__badge{display:inline-block;padding:2px 8px;background:#f0e9da;color:#1c1f21;border-radius:4px;font-size:.6875rem;font-weight:500;letter-spacing:.01em}.jf-lens-tier__bogo{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;background:#f3f5fc;border-radius:6px;font-size:.75rem;color:#3a4cd1}.jf-lens-tier__bogo svg{flex-shrink:0}.jf-lens-tiers__divider{font-size:.75rem;color:#6b6b6b;margin:6px 0 -2px}.jf-lens-tier--featured{border-color:#cdd3ed}.jf-lens-tier--featured:hover{border-color:#3a4cd1}.jf-lens-tier--featured.is-active{border-color:#3a4cd1;box-shadow:0 0 0 1px #3a4cd1 inset}.jf-lens-compare{margin-top:12px;border:1px solid #ece7df;border-radius:8px}.jf-lens-compare summary{display:flex;align-items:center;gap:8px;padding:14px 18px;cursor:pointer;list-style:none;font-size:.875rem}.jf-lens-compare summary::-webkit-details-marker{display:none}.jf-lens-compare summary strong{font-weight:600}.jf-lens-compare summary span:not(.jf-lens-compare__toggle){color:#6b6b6b;font-size:.8125rem;flex:1;margin-left:4px}.jf-lens-compare__toggle{width:26px;height:26px;border-radius:50%;border:1px solid #1c1f21;display:inline-flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:0}.jf-lens-compare[open] .jf-lens-compare__toggle{content:""}.jf-lens-compare[open] .jf-lens-compare__toggle:before{content:"\2212";font-size:1.125rem}.jf-lens-compare__table{width:100%;border-collapse:collapse;margin:0 0 6px}.jf-lens-compare__table th,.jf-lens-compare__table td{padding:10px 12px;font-size:.8125rem;text-align:center;border-top:1px solid #ece7df}.jf-lens-compare__table th:first-child,.jf-lens-compare__table td:first-child{text-align:left;color:#6b6b6b;font-weight:400}.jf-lens-compare__table thead th{background:#fbf9f6;font-weight:600;color:#1c1f21}.jf-lens-choices{display:flex;flex-direction:column;gap:10px}.jf-lens-choices--grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.jf-lens-choices--grid{grid-template-columns:1fr}}.jf-lens-choice{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;background:#fff;border:1px solid #ece7df;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .18s,transform .18s}.jf-lens-choices--grid .jf-lens-choice{flex-direction:column;align-items:flex-start;gap:4px}.jf-lens-choice:hover{border-color:#1c1f21;transform:translateY(-1px)}.jf-lens-choice.is-active{border-color:#1c1f21;box-shadow:0 0 0 1px #1c1f21 inset}.jf-lens-choice__main{flex:1}.jf-lens-choice__main strong,.jf-lens-choice strong{display:block;font-size:.9375rem;font-weight:600;margin-bottom:4px}.jf-lens-choice__main span,.jf-lens-choice>span{display:block;font-size:.8125rem;color:#6b6b6b;line-height:1.45}.jf-lens-choice__price{font-size:.875rem;font-weight:600;white-space:nowrap}.jf-lens-help{font-size:.8125rem;color:#6b6b6b;text-align:center;margin:18px 0 0}.jf-lens-help a{color:#1c1f21;font-weight:500}.jf-lens-rx-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.875rem}.jf-lens-rx-table thead th{padding:10px 8px;text-align:center;font-size:.6875rem;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:.05em}.jf-lens-rx-table thead th:first-child{width:60px}.jf-lens-rx-table tbody th{padding:12px 8px;text-align:left;font-weight:500;vertical-align:middle}.jf-lens-rx-table tbody th strong{display:block;font-size:1rem;font-weight:600}.jf-lens-rx-table tbody th span{display:block;font-size:.6875rem;color:#6b6b6b}.jf-lens-rx-table td{padding:6px 4px;vertical-align:middle}.jf-lens-rx-table select,.jf-lens-rx-table input{width:100%;padding:9px 8px;border:1px solid #d4d0c8;border-radius:4px;font-family:inherit;font-size:.875rem;background:#fff;box-sizing:border-box}.jf-lens-rx-table select:focus,.jf-lens-rx-table input:focus{outline:2px solid #1c1f21;outline-offset:-1px}.jf-lens-rx-pd{border:1px solid #ece7df;border-radius:8px;margin-bottom:20px}.jf-lens-rx-pd summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-size:.875rem;font-weight:500}.jf-lens-rx-pd summary::-webkit-details-marker{display:none}.jf-lens-rx-pd[open] summary{border-bottom:1px solid #ece7df}.jf-lens-rx-pd__body{padding:16px}.jf-lens-rx-pd__body label{display:block;font-size:.8125rem;font-weight:500}.jf-lens-rx-pd__body input{display:block;margin-top:6px;width:100%;max-width:200px;padding:10px 12px;border:1px solid #d4d0c8;border-radius:4px;font-family:inherit;font-size:.875rem}.jf-lens-rx-pd__body small{display:block;margin-top:8px;font-size:.75rem;color:#6b6b6b}.jf-lens-rx-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.jf-lens-btn{width:100%;padding:14px 22px;border-radius:4px;font-family:inherit;font-size:.9375rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:opacity .18s,background .18s}.jf-lens-btn--primary{background:#1c1f21;color:#fbf9f6}.jf-lens-btn--primary:hover{opacity:.92}.jf-lens-btn--primary:disabled{opacity:.5;cursor:not-allowed}.jf-lens-btn--ghost{background:transparent;color:#1c1f21;border-color:#1c1f21}.jf-lens-btn--ghost:hover{background:#1c1f21;color:#fbf9f6}.jf-lens-tints{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:480px){.jf-lens-tints{grid-template-columns:repeat(3,1fr)}}.jf-lens-tint{position:relative;aspect-ratio:1 / 1.1;padding:0;cursor:pointer;font-family:inherit;background:var(--c, #ccc);border:2px solid transparent;border-radius:8px;transition:border-color .18s,transform .18s;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.jf-lens-tint:hover{transform:translateY(-2px)}.jf-lens-tint.is-active{border-color:#1c1f21}.jf-lens-tint span{display:block;width:100%;padding:6px 4px;background:#ffffffeb;color:#1c1f21;font-size:.6875rem;font-weight:500;text-align:center;line-height:1.2}.jf-lens-tint span em{display:block;font-style:normal;font-size:.625rem;color:#6b6b6b}.jf-lens-recap{list-style:none;padding:0;margin:0 0 20px}.jf-lens-recap li{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #ece7df;font-size:.875rem;align-items:start}.jf-lens-recap__label{color:#6b6b6b;font-size:.8125rem}.jf-lens-recap__value{font-weight:500;line-height:1.4}.jf-lens-recap__value em{font-style:italic;color:#6b6b6b;font-weight:400;font-size:.8125rem}.jf-lens-recap__price{font-weight:600;font-size:.875rem;text-align:right;white-space:nowrap}.jf-lens-recap__total{display:flex;justify-content:space-between;align-items:center;margin:8px 0 24px;padding:16px 18px;background:#fbf9f6;border-radius:8px;font-size:1rem}.jf-lens-recap__total strong{font-size:1.125rem;font-weight:700}.jf-lens-modal__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-top:1px solid #ece7df;background:#fff}.jf-lens-modal__foot-info{display:flex;flex-direction:column;gap:2px;min-width:0}.jf-lens-modal__foot-label{font-size:.75rem;color:#6b6b6b}.jf-lens-modal__foot-product{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jf-lens-modal__foot-price{font-size:1.125rem;font-weight:700;white-space:nowrap}@media(max-width:600px){.jf-lens-modal__panel{width:100vw}.jf-lens-modal__body{padding:22px 18px 24px}.jf-lens-modal__foot{padding:14px 18px}.jf-lens-step__title{font-size:1.25rem}.jf-lens-rx-table thead th{font-size:.6rem;padding:6px 4px}.jf-lens-rx-table tbody th{padding:8px 4px}.jf-lens-rx-table tbody th strong{font-size:.875rem}.jf-lens-rx-table select,.jf-lens-rx-table input{padding:7px 6px;font-size:.8125rem}}.jf-store-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.jf-store-modal.is-open{display:block}.jf-store-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.jf-store-modal__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,96vw);background:#fff;display:flex;flex-direction:column;animation:jfl-slide .3s cubic-bezier(.22,.61,.36,1);font-family:Outfit,system-ui,sans-serif}.jf-store-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ece7df}.jf-store-modal__head h3{margin:0;font-size:1.125rem;font-weight:600}.jf-store-modal__close{background:none;border:0;font-size:1.5rem;cursor:pointer;line-height:1;color:#1c1f21}.jf-store-modal__body{padding:20px;flex:1;overflow-y:auto}.jf-store-modal__search{width:100%;padding:12px 14px;border:1px solid #d4d0c8;border-radius:4px;font-family:inherit;font-size:.9375rem;margin-bottom:16px;box-sizing:border-box}.jf-store-modal__list{list-style:none;padding:0;margin:0}.jf-store-modal__list li{padding:14px 0;border-bottom:1px solid #ece7df;font-size:.875rem;line-height:1.5}.jf-store-modal__avail{display:inline-block;margin-top:4px;font-size:.75rem;padding:2px 8px;background:#fbf9f6;border-radius:4px}.jf-store-modal__avail.in-stock{background:#e8f4ec;color:#2a7a3a}
/*# sourceMappingURL=/cdn/shop/t/1/assets/jimmy-lens-modal.css.map */