:root{--wayfarer-heading-font: "josefin sans" ,sans-serif !important;--wayfarer-accent: #332d79;--wayfarer-accent-light: color: #332e78;--wayfarer-gradient: linear-gradient(135deg, #4a3ff0 0%, #241b5e 100%)}*{font-family:inherit}.lens-configurator{max-width:600px;margin:0 auto}#lens-configurator{padding-bottom:140px}button{margin:0;padding:0;background:none;border:none;cursor:pointer}.prescription-step,.step{padding:30px;margin-bottom:30px}.wf-drawer-header{background:var(--wayfarer-gradient);padding:26px 24px 22px;margin:-30px -30px 0;position:relative;border-top:4px solid #000}.wf-close-btn{position:absolute;top:14px;right:20px;color:#fff;font-size:26px;font-weight:300;line-height:1;opacity:.85}.wf-close-btn:hover{opacity:1}.wf-step-title{display:flex;align-items:baseline;gap:10px;color:#fff}.wf-step-number,.wf-step-heading-text{font-family:var(--wayfarer-heading-font);font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:-.04em}.wf-progress-track{height:4px;background:#e5e3f0;margin:0 -30px 22px;width:calc(100% + 60px)}.wf-progress-fill{height:100%;width:0%;background:var(--wayfarer-gradient);transition:width .3s ease}.wf-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--wayfarer-accent);font-size:13px;font-weight:600;margin-bottom:10px}.wf-subheading{font-family:var(--wayfarer-heading-font);font-weight:500;font-size:28px;letter-spacing:-.04em;color:var(--wayfarer-accent);margin:4px 0 22px}.wf-vision-card{display:flex;align-items:center;gap:20px;background:#fbf9fc;border-radius:20px;padding:8px 24px;cursor:pointer;border:2px solid transparent;transition:.25s;width:100%;margin-bottom:20px;text-align:left}.wf-vision-card:hover{transform:translate(-2px,-2px);box-shadow:6px 8px #d7d7d7,18px 18px 28px #0000001f}.wf-vision-card .wf-vision-icon{width:26%;flex-shrink:0}.wf-vision-card .wf-vision-icon img{width:100%;height:auto;display:block}.wf-vision-card .content{flex:1}.wf-vision-card h3{font-family:var(--wayfarer-heading-font);font-size:26px;font-weight:700;letter-spacing:-.04em;color:#332e78;margin:0 0 4px}.wf-vision-card .wf-vision-sub{color:#332e78;font-family:Inter,sans-serif!important;font-size:20px;font-weight:300;margin:0 0 2px}.wf-vision-card .wf-vision-desc{color:#333;font-size:15px;font-family:Inter,sans-serif!important;margin:0}.wf-vision-card .arrow{color:var(--wayfarer-accent);font-size:18px;font-weight:800;flex-shrink:0}.wf-lens-card{display:flex;gap:18px;background:#f7f5fb;border-radius:16px;padding:14px;margin-bottom:16px;box-shadow:0 4px 14px #0000000f;cursor:pointer;align-items:flex-start;position:relative;width:100%;text-align:left;border:2px solid transparent;transition:.25s}.wf-lens-card:hover{transform:translate(-2px,-2px);box-shadow:6px 8px #d7d7d7,18px 18px 28px #0000001f}.wf-lens-card .wf-lens-thumb{width:30%;height:175px;border-radius:32px;overflow:hidden;flex-shrink:0;background:#fff;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.wf-lens-card .wf-lens-thumb img{height:auto;object-fit:contain;display:block}.wf-lens-card .content{flex:1;padding-right:24px}.wf-lens-card h4{font-family:var(--wayfarer-heading-font);font-size:18px;font-weight:700;letter-spacing:-.04em;color:#332e78;margin:0 0 4px}.wf-lens-card .wf-lens-desc{font-size:13px;color:#332e78;font-weight:300;font-family:Inter,sans-serif!important;margin:0;line-height:1.4}.wf-lens-card .wf-lens-badges{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:10.5px;letter-spacing:.4px;color:#332e78;text-transform:uppercase;font-weight:300;margin-bottom:70px;font-family:Inter,sans-serif!important}.wf-lens-card .wf-warranty-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#111;background:#fff;padding:4px 12px;border-radius:20px;margin-bottom:12px}.wf-lens-card .starting-price{display:block;background:var(--wayfarer-gradient);color:#fff;padding:8px 16px;border-radius:20px;text-align:left;font-size:13px;font-weight:600;margin:0}.wf-lens-card .arrow{position:absolute;top:20px;right:20px;color:var(--wayfarer-accent);font-weight:800}#color-options{display:flex;flex-direction:column;gap:0}.wf-color-card{display:flex;align-items:center;gap:18px;background:#f7f5fb;border-radius:14px;padding:16px 20px;margin-bottom:14px;cursor:pointer;box-shadow:0 3px 10px #0000000d;width:100%;border:2px solid transparent;text-align:left;transition:.25s}.wf-color-card.active{border-color:var(--wayfarer-accent)}.wf-color-card:hover{transform:translate(-2px,-2px);box-shadow:6px 8px #d7d7d7,18px 18px 28px #0000001f}.wf-color-card .wf-color-swatch{width:25%;height:100%;border-radius:32px;padding:2px 0;overflow:hidden;flex-shrink:0;background:#fff;display:flex;justify-content:center}.wf-color-card .wf-color-swatch img{width:68%;height:100%;object-fit:contain;display:block;padding-top:5px}.wf-color-card .content{flex:1}.wf-color-card h3{font-family:var(--wayfarer-heading-font);color:var(--wayfarer-accent);font-size:17px;font-weight:700;margin:0 0 2px}.wf-color-card .wf-color-desc{font-size:15px;color:var(--wayfarer-accent);font-weight:300;font-family:Inter,sans-serif!important;margin:0 0 8px}.wf-color-card .wf-color-note{font-size:11px;font-weight:300;font-family:Inter,sans-serif!important;color:#000;margin:0}.wf-color-card .arrow{color:var(--wayfarer-accent);font-weight:800;font-size:18px;flex-shrink:0}.wf-tint-dots{display:flex;align-items:center;gap:3px;margin-top:4px;font-size:10px}.wf-tint-dots span.dot{width:8px;height:8px;border-radius:50%;background:#ddd;display:inline-block}.wf-tint-dots span.dot.filled{background:var(--wayfarer-accent)}.wf-color-note-banner{background:var(--wayfarer-gradient);color:#fff;text-align:center;font-size:16px;padding:4px 10px;border-radius:20px;margin-top:8px;font-weight:300}.wf-tier-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f7f5fb;border-radius:16px;padding:20px;margin-bottom:16px;cursor:pointer;border:2px solid transparent;position:relative;width:100%;text-align:left;transition:.25s}.wf-tier-card:hover{transform:translate(-2px,-2px);box-shadow:6px 8px #d7d7d7,18px 18px 28px #0000001f}.wf-tier-card.wf-tier-performance{border-color:#4a3ff0}.wf-tier-card.wf-tier-elite{border-color:#c09943}.wf-tier-card .wf-tier-badge{display:inline-block;border-radius:20px;background:transparent}img.wf-tier-badge{width:22%;height:auto;object-fit:contain}.wf-tier-card.wf-tier-performance .wf-tier-badge{background:var(--wayfarer-accent);color:#fff}.wf-tier-card.wf-tier-elite .wf-tier-badge{background:#caa338;color:#fff}.wf-tier-card .wf-tier-left,.wf-tier-center{width:36%}.wf-tier-center img{width:65%;height:auto;object-fit:contain}.wf-tier-card h3{font-family:var(--wayfarer-heading-font);color:var(--wayfarer-accent);font-size:20px;font-weight:700;letter-spacing:-.04em;margin:0 0 2px}.wf-tier-card.wf-tier-elite h3{color:#caa338}.wf-tier-card .wf-tier-subtitle{font-size:13px;color:var(--wayfarer-accent);font-weight:400;margin:0 0 8px}.wf-tier-card .wf-tier-desc{font-size:12px;color:var(--wayfarer-accent);font-weight:300;letter-spacing:-.04em;margin:5px 0;font-family:Inter,sans-serif!important}.wf-tier-card .wf-tier-index{font-size:14px;color:var(--wayfarer-accent);font-weight:300;margin-top:10px}.wf-tier-card .wf-tier-price{font-weight:700;color:var(--wayfarer-accent);margin-top:10px;font-size:16px}.wf-tier-card .wf-tier-visual{text-align:center;flex-shrink:0;width:28%}.wf-tier-card .wf-tier-visual img{width:190px;height:auto;margin-bottom:6px;background:#fff;border-radius:32px;padding:15px 16px}.wf-tier-card .wf-tier-thickness-label{font-size:11px;color:var(--wayfarer-accent);font-weight:700;margin-bottom:6px}.wf-tier-dots{display:flex;justify-content:center;gap:4px;margin:6px 0}.wf-tier-dots span{width:7px;height:7px;border-radius:50%;background:#ddd;display:inline-block}.wf-tier-dots span.active{background:var(--wayfarer-accent)}.wf-tier-dots span.active-gold{background:#c09943}.wf-tier-thickness-name{font-size:11px;color:#333;font-weight:600}.wf-info-box{display:flex;gap:12px;align-items:flex-start;background:#f0eefa;border-radius:14px;padding:16px 20px;margin-top:6px;font-size:12px;color:#333;line-height:1.5}.wf-info-icon{width:5%;height:auto;object-fit:contain}.send-prescription-later,.upload-prescription-now{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f7f5fb;border-radius:16px;padding:20px 24px;margin-bottom:16px;cursor:pointer;box-shadow:0 4px 14px #0000000f;border:2px solid transparent;transition:.25s}.send-prescription-later:hover,.upload-prescription-now:hover{transform:translate(-2px,-2px);box-shadow:6px 8px #d7d7d7,18px 18px 28px #0000001f}.send-prescription-later h4,.upload-prescription-now h4{font-family:var(--wayfarer-heading-font);color:var(--wayfarer-accent);font-size:17px;font-weight:700;margin:0}.send-prescription-later .arrow,.upload-prescription-now .arrow{color:var(--wayfarer-accent);font-weight:800}.label{display:block;width:100%;font-size:13px;font-weight:600;color:var(--wayfarer-accent);margin-bottom:6px}.styled-file{font:15px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;box-shadow:0 1px #00000008;cursor:pointer;width:100%;box-sizing:border-box}.styled-file::file-selector-button{margin-right:12px;padding:8px 14px;border-radius:8px;border:1px solid var(--wayfarer-accent);background:var(--wayfarer-accent);color:#fff;font-weight:600;cursor:pointer}.styled-file:focus{outline:3px solid rgba(51,45,121,.15);outline-offset:2px}#formspree-form-wayfarer input[type=email]{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:10px;border:1px solid #ddd;margin-bottom:18px;font-size:15px}.send-btn{background:var(--wayfarer-accent);color:#fff;margin-top:16px;width:140px;font-size:15px;padding:12px;border-radius:20px;font-weight:600}@media screen and (max-width:768px){.step,.prescription-step{padding:20px;margin:20px 0}.wf-drawer-header{margin:-20px -20px 0}.wf-progress-track{margin:0 -20px 20px;width:calc(100% + 40px)}.wf-lens-card .content{padding-right:34px}.wf-tier-card{flex-direction:row;align-items:flex-start}.wf-tier-card .wf-tier-visual{width:20%;margin-top:12px}}.close-btn{position:relative;top:16px;right:16px;float:right;background:none;border:none;font-size:28px;cursor:pointer;font-weight:700;color:#fff;z-index:2}@media screen and (max-width:500px){.wf-tier-left,.wf-tier-center{width:40%}.wf-tier-center img{width:88%}.wf-tier-card .wf-tier-visual img{width:84px}}.wf-color-intensity{display:block;height:20px;width:auto;margin-top:6px}.wf-progressbar-wayfarer{width:100%;margin:22px 0 26px;height:6px;background:#e5e3f0;border-radius:6px;overflow:hidden;flex-shrink:0}.wf-progressbar-fill-wayfarer{display:block;height:100%;width:0%;background:var(--wayfarer-gradient);border-radius:6px;transition:width .35s ease}@media screen and (max-width:768px){.wf-progressbar-wayfarer{margin:20px 0 22px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-product-configurator.css.map */