.fyf-page-bg{min-height:calc(100vh - var(--nav-h));margin-top:var(--nav-h);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:var(--offwhite, #f4f5f9)}[data-fyf-root]{isolation:isolate;--fyf-dur: .38s;--fyf-ease: cubic-bezier(.4, 0, .2, 1)}.fyf-bar{position:sticky;top:var(--nav-h);height:3px;background:#00033012;z-index:40;transition:opacity .3s ease,transform .4s var(--ease, cubic-bezier(.4,0,.2,1))}.fyf-bar.is-hidden{opacity:0;transform:translateY(calc(-1 * var(--nav-h)));pointer-events:none}.fyf-bar__fill{height:100%;width:0;background:var(--blue);border-radius:0 3px 3px 0;transition:width .45s cubic-bezier(.4,0,.2,1)}.fyf-stage{width:100%;max-width:900px;position:relative}.fyf-stage.is-resizing{transition:height var(--fyf-dur) var(--fyf-ease),margin-top var(--fyf-dur) var(--fyf-ease)}.fyf-screen{display:none;max-width:460px;margin:0 auto;position:relative}.fyf-screen.is-active{display:block;animation:fyf-in var(--fyf-dur) var(--fyf-ease) both}.fyf-screen.is-leaving{display:block;animation:fyf-out var(--fyf-dur) var(--fyf-ease) both;pointer-events:none;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;width:100%;max-width:460px}@keyframes fyf-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fyf-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes fyf-item-in{0%{opacity:0;transform:translateY(10px)}}.fyf-screen.is-active .fyf-stagger>*{animation:fyf-item-in .44s cubic-bezier(.22,1,.36,1) backwards}.fyf-screen.is-active .fyf-stagger>*:nth-child(1){animation-delay:.05s}.fyf-screen.is-active .fyf-stagger>*:nth-child(2){animation-delay:.11s}.fyf-screen.is-active .fyf-stagger>*:nth-child(3){animation-delay:.17s}.fyf-screen.is-active .fyf-stagger>*:nth-child(4){animation-delay:.23s}.fyf-screen.is-active .fyf-stagger>*:nth-child(5){animation-delay:.29s}.fyf-screen.is-active .fyf-stagger>*:nth-child(6){animation-delay:.35s}.fyf-screen.is-active .fyf-stagger>*:nth-child(7){animation-delay:.41s}.fyf-screen.is-active .fyf-stagger>*:nth-child(8){animation-delay:.47s}.fyf-back{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-tiny);letter-spacing:.1em;opacity:.48;cursor:pointer;border:none;background:none;font-family:var(--font);color:var(--blue);margin-bottom:22px;padding:0;transition:opacity .2s}.fyf-back:hover{opacity:.65}.fyf-back svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8}.fyf-screen:not(#fyf-0):not(#fyf-3)>.fyf-back{position:absolute;top:-36px;left:0;margin-bottom:0}.fyf-heading{font-size:clamp(20px,3.6vw,27px);font-weight:400;letter-spacing:.01em;line-height:1.25;color:var(--blue);margin-bottom:8px;text-align:center}.fyf-sub{font-size:var(--fs-small);font-weight:400;line-height:1.7;color:var(--blue);opacity:.58;margin-bottom:28px;text-align:center}.fyf-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;height:48px;margin-left:auto;margin-right:auto;border:none;background:var(--blue);color:var(--white);border-radius:var(--radius-card);font-family:var(--font);font-size:var(--fs-base);letter-spacing:.12em;cursor:pointer;transition:opacity .22s,transform .15s;text-decoration:none;touch-action:manipulation}.fyf-btn:hover:not(:disabled){opacity:.82}.fyf-btn:active:not(:disabled){transform:scale(.98)}.fyf-btn:disabled{opacity:.22;cursor:default}.fyf-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}.fyf-btn--ghost{background:var(--white);color:var(--blue);border:1.5px solid var(--blue)}.fyf-btn--ghost:hover:not(:disabled){background:#00033008;opacity:1}#fyf-0{max-width:880px}.fyf-intro{display:grid;grid-template-columns:42% 1fr;gap:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;min-height:460px;box-shadow:0 10px 44px #00033012}.fyf-intro__media{position:relative;background:var(--card-grey);overflow:hidden}.fyf-intro__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.fyf-intro__body{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}#fyf-0 .fyf-heading{text-align:left;font-size:clamp(20px,2.3vw,26px);margin-bottom:12px}#fyf-0 .fyf-sub{text-align:left;margin-bottom:28px}#fyf-0 .fyf-btn{max-width:none;margin-left:0;margin-right:0}.fyf-intro-feat{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;counter-reset:feat}.fyf-feat-item{counter-increment:feat;display:flex;align-items:center;gap:12px;padding:11px 16px;background:#00033008;border-radius:var(--radius-card);border:1px solid var(--border);font-size:var(--fs-small);color:#000330b8;letter-spacing:.02em}.fyf-feat-item:before{content:counter(feat);width:22px;height:22px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:0;flex-shrink:0;color:var(--white)}.fyf-scards{display:flex;flex-direction:column;gap:12px}.fyf-scard{display:flex;align-items:stretch;width:100%;padding:0;border:1.5px solid var(--border);border-radius:var(--radius-card);background:var(--white);cursor:pointer;transition:border-color .22s,box-shadow .22s;font-family:var(--font);text-align:left;overflow:hidden;touch-action:manipulation}.fyf-scard:hover{border-color:#00033047;box-shadow:0 6px 22px #00033012}.fyf-scard.is-selected{border-color:var(--blue);box-shadow:0 6px 22px #0003301a}.fyf-scard__icon{width:96px;min-height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#00033008;border-right:1px solid var(--border)}.fyf-scard.is-selected .fyf-scard__icon{background:#0003300f}.fyf-scard__icon svg{height:46px;width:auto;display:block}.fyf-scard__label{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 22px;font-size:var(--fs-base);font-weight:500;letter-spacing:.03em;color:var(--blue)}.fyf-scard__label small{font-weight:400;font-size:var(--fs-tiny);opacity:.45;margin-top:3px;letter-spacing:.04em}.fyf-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.fyf-swatch{display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;border-radius:12px;padding:13px 4px 10px;border:1.5px solid transparent;background:#00033005;transition:border-color .2s,background .2s;touch-action:manipulation;position:relative}.fyf-swatch:hover{background:#0003300d}.fyf-swatch.is-selected{border-color:var(--blue);background:#0003300a}.fyf-swatch.is-disabled{opacity:.35;pointer-events:none}.fyf-swatch__circle{width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,3,48,.1);flex-shrink:0;position:relative}.fyf-swatch.is-selected .fyf-swatch__circle{border-color:var(--blue)}.fyf-swatch__check{position:absolute;top:-4px;right:-4px;width:17px;height:17px;border-radius:50%;background:var(--blue);z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .18s,transform .18s}.fyf-swatch.is-selected .fyf-swatch__check{opacity:1;transform:scale(1)}.fyf-swatch__check svg{width:8px;height:8px;stroke:#fff;fill:none;stroke-width:2.2}.fyf-swatch__name{font-size:9px;letter-spacing:.05em;color:var(--blue);opacity:.42;text-align:center;line-height:1.3}.fyf-swatch.is-selected .fyf-swatch__name{opacity:.85}.fyf-pickcount{text-align:center;font-size:var(--fs-tiny);letter-spacing:.1em;color:var(--blue);opacity:.4;margin-bottom:22px}#fyf-3{max-width:880px}#fyf-3 .fyf-back{max-width:460px;margin-left:auto;margin-right:auto}.fyf-scanchoice{display:grid;grid-template-columns:54% 46%;gap:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;min-height:520px;box-shadow:0 10px 44px #00033012}.fyf-scanchoice__body{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;align-self:stretch}#fyf-3 .fyf-heading{text-align:left;font-size:clamp(19px,2.3vw,24px);margin-bottom:10px}#fyf-3 .fyf-sub{text-align:left;margin-bottom:26px}.fyf-scan-actions{display:flex;flex-direction:column;gap:10px;margin-top:2px;max-width:340px}.fyf-scan-actions .fyf-btn{max-width:none;margin-left:0;margin-right:0}.fyf-scan-privacy{display:flex;align-items:flex-start;gap:7px;margin-top:18px;font-size:var(--fs-tiny);letter-spacing:.04em;color:var(--blue);opacity:.5;text-align:left;line-height:1.5}.fyf-scan-privacy svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6;flex-shrink:0;margin-top:1px}.fyf-scanchoice__media{position:relative;background:var(--card-grey);overflow:hidden;align-self:stretch}.fyf-scanchoice__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}#fyf-4{max-width:460px}#fyf-4 .fyf-heading{font-size:clamp(17px,3vw,21px);margin-bottom:4px}#fyf-4 .fyf-sub{margin-bottom:14px}.fyf-cam-wrap{display:flex;justify-content:center;margin-bottom:12px}.fyf-cam-viewport{position:relative;width:min(100%,46vh);aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#05070c;border:1px solid var(--border)}.fyf-cam-viewport video,.fyf-cam-viewport .fyf-cam-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.fyf-cam-viewport video{transform:scaleX(-1)}.fyf-cam-viewport .fyf-cam-shot--upload{object-fit:contain;background:#05070c}.fyf-cam-close{position:absolute;top:12px;left:12px;z-index:12;width:34px;height:34px;border-radius:50%;background:#0006;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.fyf-cam-close svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2}.fyf-cam-top{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;max-width:84%;padding:8px 16px;border-radius:20px;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:var(--fs-small);letter-spacing:.02em;text-align:center;white-space:nowrap;transition:background .3s}.fyf-cam-top.is-good{background:#2ea06ed1}.fyf-oval{position:absolute;top:50%;left:50%;width:min(68%,56dvh);aspect-ratio:3 / 4;transform:translate(-50%,-54%);border:2.5px dashed rgba(255,255,255,.55);border-radius:50%;pointer-events:none;z-index:4;transition:border-color .3s}.fyf-oval.is-good{border-color:#35c281}.fyf-cam-shutter{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:68px;height:68px;border-radius:50%;z-index:9;background:#ffffff29;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:3px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.fyf-cam-shutter:before{content:"";width:52px;height:52px;border-radius:50%;background:#fff}.fyf-cam-shutter:active{transform:translate(-50%) scale(.92)}.fyf-cam-thumbs{position:absolute;right:14px;bottom:22px;z-index:9;display:flex;flex-direction:column-reverse;gap:8px;transition:opacity .2s}.fyf-cam-thumb{position:relative;width:42px;height:42px;border-radius:9px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 8px #00000059;transition:box-shadow .18s ease,border-color .18s ease}.fyf-cam-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fyf-cam-thumb__n{position:absolute;top:3px;left:3px;z-index:2;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#ffffffeb;color:var(--blue);font-size:9px;font-weight:600;line-height:15px;text-align:center;letter-spacing:0;pointer-events:none}.fyf-cam-thumb.is-retaking{border-color:#fff;box-shadow:0 0 0 2px #ffffffe6,0 2px 10px #00000073}.fyf-cam-submit{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:9;width:auto;min-width:170px;height:52px;padding:0 26px;background:var(--white);color:var(--blue);border:none}.fyf-cam-submit:active:not(:disabled){transform:translate(-50%) scale(.98)}.fyf-cam-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#05070ceb;text-align:center;padding:26px}.fyf-cam-state.is-on{display:flex}.fyf-cam-state svg{width:34px;height:34px;stroke:#ffffff80;fill:none;stroke-width:1.3}.fyf-cam-state span{font-size:var(--fs-tiny);color:#fff9;letter-spacing:.06em;line-height:1.8}.fyf-spinner{width:34px;height:34px;border-radius:50%;border:2.5px solid rgba(255,255,255,.2);border-top-color:#ffffffbf;animation:fyf-spin .8s linear infinite}@keyframes fyf-spin{to{transform:rotate(360deg)}}.fyf-alist svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}.fyf-alist.is-done{color:#fffffff2}.fyf-cam-hint{text-align:center;font-size:var(--fs-tiny);letter-spacing:.05em;color:var(--blue);opacity:.5;margin-top:6px}.fyf-cam-hint a{color:var(--blue);text-decoration:underline;cursor:pointer;opacity:.8}.fyf-form{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}#fyf-5 .fyf-btn{max-width:none;margin-left:0;margin-right:0}.fyf-field{position:relative}.fyf-field input{width:100%;padding:24px 16px 10px;border:1px solid var(--border);border-radius:var(--radius-card);background:#00033005;font-family:var(--font);font-size:var(--fs-base);color:var(--blue);outline:none;transition:border-color .22s,background .22s;box-sizing:border-box}.fyf-field input:focus{border-color:var(--blue);background:var(--white)}.fyf-field label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:var(--font);font-size:var(--fs-base);color:var(--blue);opacity:.42;pointer-events:none;transition:top .2s,font-size .2s,opacity .2s,transform .2s;letter-spacing:.04em}.fyf-field input:focus+label,.fyf-field input:not(:placeholder-shown)+label{top:11px;transform:none;font-size:9px;letter-spacing:.06em;opacity:.55}.fyf-attach{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:#00033005;font-size:var(--fs-tiny);letter-spacing:.04em;color:var(--blue);opacity:.8}.fyf-attach__shots{display:flex;gap:6px;flex-shrink:0}.fyf-attach__shots img{width:34px;height:42px;object-fit:cover;border-radius:6px}.fyf-attach svg{width:15px;height:15px;stroke:#35c281;fill:none;stroke-width:2;flex-shrink:0}.fyf-confirm{text-align:center;padding:8px 0 20px}.fyf-confirm__icon{position:relative;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#0003301a,#00033008 70%);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:fyf-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both}.fyf-confirm__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--border)}.fyf-confirm__icon:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:1px solid rgba(0,3,48,.08)}@keyframes fyf-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.fyf-confirm__icon svg{width:40px;height:40px;stroke:var(--blue);fill:none;stroke-width:2.3;position:relative}.fyf-confirm__eyebrow{font-size:var(--fs-tiny);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);opacity:.42;margin-bottom:14px;display:block}.fyf-confirm__name{font-size:clamp(23px,3.6vw,29px);font-weight:400;letter-spacing:.01em;line-height:1.25;color:var(--blue);margin-bottom:16px;display:block}.fyf-confirm__rows{display:flex;flex-direction:column;gap:8px;margin:22px auto 0;max-width:400px}.fyf-confirm__row{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#00033008;border:1px solid var(--border);border-radius:var(--radius-card);text-align:left}.fyf-confirm__row svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.6;opacity:.7;flex-shrink:0}.fyf-confirm__row span{font-size:var(--fs-small);color:var(--blue);opacity:.75;line-height:1.4}.fyf-confirm__sign{font-size:var(--fs-tiny);color:#00033052;letter-spacing:.1em;margin-top:28px;display:block;line-height:1.9}.fyf-confirm__sign b{color:#0003309e;font-weight:600}@media(max-width:640px){.fyf-page-bg{padding:30px 14px 16px;align-items:flex-start}.fyf-intro{grid-template-columns:1fr;min-height:0}.fyf-intro__media{height:210px}.fyf-intro__body{padding:30px 26px 32px}#fyf-0 .fyf-heading,#fyf-0 .fyf-sub{text-align:center}.fyf-intro-feat{align-items:stretch}.fyf-swatch__circle{width:46px;height:46px}.fyf-scard__icon{width:78px}.fyf-scanchoice{grid-template-columns:1fr;min-height:0}.fyf-scanchoice__media{height:260px;order:-1}.fyf-scanchoice__media img{object-position:center 22%}.fyf-scanchoice__body{padding:28px 24px 30px}#fyf-3 .fyf-heading,#fyf-3 .fyf-sub{text-align:center}#fyf-3 .fyf-back{max-width:none}.fyf-cam-viewport.is-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100vw;height:100dvh;max-width:none;aspect-ratio:auto;border-radius:0;border:none;transition:opacity .4s var(--fyf-ease, cubic-bezier(.4,0,.2,1))}.fyf-cam-viewport.is-portal.is-portal-fading{opacity:0;pointer-events:none}.fyf-cam-shutter,.fyf-cam-submit{bottom:max(28px,env(safe-area-inset-bottom))}.fyf-cam-thumbs{bottom:max(30px,env(safe-area-inset-bottom))}.fyf-cam-top{top:max(22px,env(safe-area-inset-top))}.fyf-oval{width:min(82%,64dvh);transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){.fyf-screen.is-active,.fyf-screen.is-leaving{animation:none}.fyf-confirm__icon,.fyf-screen.is-active .fyf-stagger>*{animation:none}.fyf-stage.is-resizing{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-find-your-fit.css.map */