.finderx{--fx-paper:var(--paper,#f4f1ea);--fx-surf:var(--surf,#fff);--fx-surf2:var(--surf-2,#faf8f2);--fx-ink:var(--ink,#16212f);--fx-inks:var(--ink-soft,#33475f);--fx-mut:var(--muted,#5f6f84);--fx-mut2:var(--muted-2,#8a97a8);--fx-line:var(--line,#e7e1d4);--fx-line2:var(--line-2,#dad2c2);--fx-navy:var(--navy,#0d1a2e);--fx-orange:var(--orange,#ee6a1c);--fx-orange-d:var(--orange-d,#d4560d);--fx-orange-ink:var(--orange-ink,#2a1400);--fx-orange-soft:var(--orange-soft,#fbe8da);--fx-blue:var(--blue,#1f6bff);--fx-blue-soft:var(--blue-soft,#e7efff);--fx-green:var(--green,#159a58);--fx-r:20px;--fx-r-sm:14px;--fx-pill:999px;--fx-sans:var(--sans,"Hanken Grotesk",system-ui,sans-serif);--fx-disp:var(--disp,"Bricolage Grotesque",var(--fx-sans));--fx-mono:var(--mono,"IBM Plex Mono",ui-monospace,monospace)}.finderx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:none;font-family:var(--fx-sans)}.finderx.on{display:block}.finderx *{box-sizing:border-box}.fx-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#09101e85;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.fx-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,95vw);max-height:93vh;display:flex;flex-direction:column;overflow:hidden;background:var(--fx-surf);color:var(--fx-ink);border:1px solid var(--fx-line);border-radius:26px;box-shadow:0 40px 90px -20px #09101e80,0 8px 24px #09101e24}.finderx.on .fx-modal{animation:fxpop .42s cubic-bezier(.16,.84,.24,1)}@keyframes fxpop{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fx-top{display:flex;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid var(--fx-line);flex:0 0 auto;background:var(--fx-surf)}.fx-brand{display:flex;align-items:center;gap:11px;font-family:var(--fx-disp);font-weight:600;font-size:16.5px;letter-spacing:-.01em;color:var(--fx-ink)}.fx-mark{width:34px;height:34px;flex:0 0 auto;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(150deg,var(--fx-orange),var(--fx-orange-d));box-shadow:0 6px 16px -4px #ee6a1c99}.fx-mark svg{width:19px;height:19px}.fx-stepno{margin-left:auto;font-family:var(--fx-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--fx-mut2);font-weight:500}.fx-close{margin-left:14px;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--fx-line);background:var(--fx-surf2);color:var(--fx-mut);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s}.fx-close:hover{color:var(--fx-ink);border-color:var(--fx-line2);background:var(--fx-surf);transform:rotate(90deg)}.fx-close svg{width:18px;height:18px}.fx-progress{display:flex;gap:7px;padding:16px 24px 2px;flex:0 0 auto}.fx-progress .sg{height:5px;flex:1;background:var(--fx-line);border-radius:4px;overflow:hidden}.fx-progress .sg:after{content:"";display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--fx-orange),var(--fx-orange-d));transition:width .5s cubic-bezier(.16,.84,.24,1)}.fx-progress .sg.on:after{width:100%}.fx-body{flex:1 1 auto;min-height:0;padding:26px 26px 30px;overflow-y:auto;scrollbar-width:thin}.fx-screen{animation:fxscr .38s cubic-bezier(.16,.84,.24,1)}@keyframes fxscr{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fx-h{font-family:var(--fx-disp);font-size:29px;line-height:1.1;letter-spacing:-.02em;color:var(--fx-ink);margin-bottom:7px;text-wrap:balance}.fx-help{font-size:14.5px;color:var(--fx-mut);margin-bottom:22px;max-width:560px;line-height:1.55}.fx-tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fx-tile{position:relative;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;border:1px solid var(--fx-line);background:var(--fx-surf);border-radius:var(--fx-r);padding:17px 18px;box-shadow:0 2px 6px #18212f0a;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.fx-tile:hover{border-color:var(--fx-orange);background:var(--fx-surf);transform:translateY(-3px);box-shadow:0 16px 30px -14px #ee6a1c66}.fx-tile.picked{border-color:var(--fx-orange);background:linear-gradient(180deg,var(--fx-orange-soft),var(--fx-surf));box-shadow:0 0 0 2px var(--fx-orange) inset,0 10px 24px -14px #ee6a1c80}.fx-tile .tic{width:50px;height:50px;flex:0 0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--fx-orange-d);background:var(--fx-orange-soft);transition:transform .18s}.fx-tile:hover .tic,.fx-tile.picked .tic{transform:scale(1.06) rotate(-3deg)}.fx-tile .tic svg{width:25px;height:25px}.fx-tile .tx{display:flex;flex-direction:column;min-width:0}.fx-tile .tt{font-size:16px;font-weight:600;color:var(--fx-ink);line-height:1.2}.fx-tile .ts{font-size:13px;color:var(--fx-mut);margin-top:3px;line-height:1.35}.fx-tile .tck{position:absolute;top:13px;right:13px;width:23px;height:23px;border-radius:50%;background:var(--fx-orange);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 3px 8px #ee6a1c80}.fx-tile.picked .tck{display:flex;animation:fxcheck .3s cubic-bezier(.16,.84,.24,1)}@keyframes fxcheck{0%{transform:scale(0)}to{transform:scale(1)}}.fx-tile .tck svg{width:14px;height:14px}.fx-pills{display:flex;flex-wrap:wrap;gap:11px}.fx-pill{border:1px solid var(--fx-line);background:var(--fx-surf);color:var(--fx-inks);padding:13px 22px;border-radius:var(--fx-pill);font-size:15px;font-weight:600;font-family:var(--fx-sans);cursor:pointer;transition:all .16s;box-shadow:0 2px 6px #18212f0a}.fx-pill:hover{border-color:var(--fx-orange);color:var(--fx-orange-d);transform:translateY(-2px);box-shadow:0 10px 20px -12px #ee6a1c80}.fx-pill.picked{border-color:var(--fx-orange);background:var(--fx-orange);color:#fff;box-shadow:0 8px 20px -8px #ee6a1c99}.fxr-sub{font-family:var(--fx-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--fx-mut2);font-weight:500}.fx-screen>.fxr-sub{margin:24px 0 12px}.fx-screen>.fxr-sub:first-of-type{margin-top:6px}.fx-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;flex-wrap:wrap}.fx-back{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--fx-mut);font-family:var(--fx-sans);font-size:14.5px;font-weight:600;cursor:pointer;padding:9px 4px;transition:color .15s}.fx-back:hover{color:var(--fx-ink)}.fx-back svg{width:17px;height:17px}.fx-hint{font-size:12px;color:var(--fx-mut2);font-family:var(--fx-mono);letter-spacing:.06em}.fx-skip{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--fx-mut);font-family:var(--fx-sans);font-size:14px;font-weight:600;cursor:pointer;padding:6px 4px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.fx-skip svg{width:16px;height:16px}.fx-skip:hover{color:var(--fx-orange-d)}.fx-search{position:relative;margin-bottom:12px}.fx-search-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--fx-mut2);pointer-events:none}.fx-search-ic svg{width:19px;height:19px}.fx-search input{width:100%;border:1px solid var(--fx-line);background:var(--fx-surf2);border-radius:var(--fx-r-sm);padding:15px 16px 15px 46px;font-size:16px;font-family:var(--fx-sans);color:var(--fx-ink);transition:all .16s;box-shadow:0 2px 6px #18212f0a}.fx-search input::placeholder{color:var(--fx-mut2)}.fx-search input:focus{outline:none;border-color:var(--fx-orange);background:var(--fx-surf);box-shadow:0 0 0 3px var(--fx-orange-soft)}.fx-sug{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.fx-sug:empty{margin:0}.fx-sugitem{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--fx-line);background:var(--fx-surf);border-radius:var(--fx-r-sm);padding:12px 15px;cursor:pointer;font-size:15px;color:var(--fx-ink);transition:all .15s;text-align:left}.fx-sugitem:hover{border-color:var(--fx-orange);background:var(--fx-orange-soft)}.fx-sugitem .sm{font-family:var(--fx-mono);font-size:11px;color:var(--fx-mut2);letter-spacing:.05em}.fx-nohit{font-size:14px;color:var(--fx-mut);padding:6px 2px}.fx-or{display:flex;align-items:center;gap:14px;margin:18px 0 14px;font-size:12px;font-family:var(--fx-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fx-mut2)}.fx-or:before,.fx-or:after{content:"";flex:1;height:1px;background:var(--fx-line)}.fxr-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--fx-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-green);background:#159a581a;border:1px solid rgba(21,154,88,.25);padding:6px 12px;border-radius:var(--fx-pill);margin-bottom:15px;font-weight:600}.fxr-badge svg{width:15px;height:15px}.fxr-h{font-family:var(--fx-disp);font-size:34px;line-height:1.06;letter-spacing:-.025em;color:var(--fx-ink);margin-bottom:7px;text-wrap:balance}.fxr-h:focus{outline:none}.fxr-tag{font-size:16px;color:var(--fx-mut);margin-bottom:18px}.fxr-specs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.fxr-specs span{font-size:12.5px;font-weight:600;color:var(--fx-inks);border:1px solid var(--fx-line);background:var(--fx-surf2);border-radius:var(--fx-pill);padding:7px 14px;font-family:var(--fx-mono);letter-spacing:.02em}.fxr-reason{position:relative;font-size:15px;line-height:1.6;color:var(--fx-inks);background:linear-gradient(120deg,var(--fx-orange-soft),var(--fx-surf2));border:1px solid var(--fx-line);border-radius:var(--fx-r);padding:18px 20px 18px 22px;margin-bottom:26px;overflow:hidden}.fxr-reason:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--fx-orange),var(--fx-orange-d))}.fxr-reason b{color:var(--fx-ink);font-weight:700}.fx-screen>.fxr-sub{margin-bottom:14px}.fxr-items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.fxr-items.two{grid-template-columns:repeat(2,1fr)}.fxr-items.one{grid-template-columns:1fr}.fxr-items.one .fxr-item{flex-direction:row;align-items:stretch}.fxr-items.one .fxr-item .pi{aspect-ratio:auto;width:170px;flex:0 0 170px;border-bottom:0;border-right:1px solid var(--fx-line)}.fxr-items.one .fxr-item .pinfo{padding:16px 18px 16px 20px;justify-content:center}.fxr-items.one .fxr-item .pt{font-size:16px;-webkit-line-clamp:2}.fxr-items.one .fxr-item .pp{font-size:21px}.fxr-item{display:flex;flex-direction:column;border:1px solid var(--fx-line);background:var(--fx-surf);border-radius:var(--fx-r);overflow:hidden;box-shadow:0 2px 8px #18212f0d;transition:border-color .18s,box-shadow .18s,transform .18s}a.fxr-item.is-link:hover{border-color:var(--fx-orange);transform:translateY(-4px);box-shadow:0 20px 36px -18px #ee6a1c73}.fxr-item .pi{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--fx-line);display:flex;align-items:center;justify-content:center;background:radial-gradient(125% 100% at 50% 0,var(--fx-surf) 0,var(--fx-surf2) 58%,var(--fx-orange-soft) 150%)}.fxr-item .pi.has-img{background:#fff}.fxr-item .pi img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:14px}.fxr-item .pi .pgl{color:var(--fx-orange-d);opacity:.2}.fxr-item .pi .pgl svg{width:54px;height:54px}.fxr-item .pi .pbw{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:var(--fx-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-mut2);font-weight:600}.fxr-items.one .fxr-item .pi .pgl svg{width:46px;height:46px}.fxr-item .pstk{position:absolute;z-index:2;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;font-family:var(--fx-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--fx-green);background:#ffffffeb;border:1px solid rgba(21,154,88,.3);border-radius:var(--fx-pill);padding:4px 9px}.fxr-item .pstk:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fx-green)}.fxr-item .pstk.low{color:#b45309;border-color:#b453094d}.fxr-item .pstk.low:before{background:#f59e0b}.fxr-item .pinfo{flex:1;display:flex;flex-direction:column;padding:14px 15px 15px}.fxr-item .pb{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fx-orange-d);font-weight:600;margin-bottom:5px}.fxr-item .pt{font-size:14.5px;font-weight:600;color:var(--fx-ink);line-height:1.28;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fxr-item .psp{font-size:12.5px;color:var(--fx-mut);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fxr-item .prow{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.fxr-item .pp{font-family:var(--fx-disp);font-size:19px;font-weight:600;color:var(--fx-ink);letter-spacing:-.01em}.fxr-item .pp-note{font-family:var(--fx-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fx-mut)}.fxr-item .pgo{width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:var(--fx-orange-soft);color:var(--fx-orange-d);display:flex;align-items:center;justify-content:center;transition:all .18s}.fxr-item .pgo svg{width:16px;height:16px}a.fxr-item.is-link:hover .pgo{background:var(--fx-orange);color:#fff;transform:translate(2px)}.fxr-answers{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.fxr-answers button{display:inline-flex;align-items:center;gap:7px;border:1px dashed var(--fx-line2);background:var(--fx-surf2);color:var(--fx-inks);font-family:var(--fx-sans);font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:var(--fx-pill);cursor:pointer;transition:all .15s}.fxr-answers button:hover{border-color:var(--fx-orange);border-style:solid;color:var(--fx-orange-d);background:var(--fx-orange-soft)}.fxr-answers button svg{width:13px;height:13px;opacity:.7}.fxr-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.finderx .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--fx-sans);font-size:15px;font-weight:700;padding:14px 24px;border-radius:var(--fx-pill);cursor:pointer;border:1px solid transparent;transition:all .18s;text-decoration:none}.finderx .btn svg{width:18px;height:18px}.finderx .btn-orange{background:linear-gradient(150deg,var(--fx-orange),var(--fx-orange-d));color:#fff;box-shadow:0 10px 24px -8px #ee6a1c99}.finderx .btn-orange:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px #ee6a1cb3}.finderx .btn-ghost{background:var(--fx-surf);border-color:var(--fx-line);color:var(--fx-inks)}.finderx .btn-ghost:hover{border-color:var(--fx-line2);background:var(--fx-surf2);transform:translateY(-2px)}.finderx .btn-ghost svg{color:var(--fx-green)}.fx-helpbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;flex:0 0 auto;padding:14px 24px;border-top:1px solid var(--fx-line);background:var(--fx-surf2);font-size:13.5px;color:var(--fx-mut)}.fx-hb-wa{display:inline-flex;align-items:center;gap:8px;color:var(--fx-ink);font-weight:700;text-decoration:none;border:1px solid var(--fx-line);background:var(--fx-surf);padding:9px 16px;border-radius:var(--fx-pill);transition:all .16s}.fx-hb-wa svg{width:17px;height:17px;color:#25d366}.fx-hb-wa:hover{border-color:var(--fx-orange);transform:translateY(-1px);box-shadow:0 8px 18px -10px #ee6a1c80}@media(prefers-reduced-motion:no-preference){.fx-tiles .fx-tile,.fx-pills .fx-pill,.fxr-items .fxr-item,.fxr-specs span,.fxr-answers button{animation:fxrise .5s cubic-bezier(.16,.84,.24,1) both}.fx-tiles .fx-tile:nth-child(1),.fx-pills .fx-pill:nth-child(1),.fxr-items .fxr-item:nth-child(1){animation-delay:.04s}.fx-tiles .fx-tile:nth-child(2),.fx-pills .fx-pill:nth-child(2),.fxr-items .fxr-item:nth-child(2){animation-delay:.09s}.fx-tiles .fx-tile:nth-child(3),.fx-pills .fx-pill:nth-child(3),.fxr-items .fxr-item:nth-child(3){animation-delay:.14s}.fx-tiles .fx-tile:nth-child(4),.fx-pills .fx-pill:nth-child(4){animation-delay:.19s}.fx-tiles .fx-tile:nth-child(5){animation-delay:.24s}.fx-tiles .fx-tile:nth-child(6){animation-delay:.29s}.fx-tiles .fx-tile:nth-child(n+7){animation-delay:.33s}}@keyframes fxrise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.finderx .fx-tile:focus-visible,.finderx .fx-pill:focus-visible,.finderx .fx-skip:focus-visible,.finderx .fx-back:focus-visible,.finderx .fx-close:focus-visible,.finderx .btn:focus-visible,.finderx a.fxr-item:focus-visible,.finderx .fx-sugitem:focus-visible,.finderx input:focus-visible,.finderx .fxr-answers button:focus-visible,.finderx .fx-hb-wa:focus-visible{outline:3px solid var(--fx-orange);outline-offset:2px}.fx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:720px){.fx-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;top:0;left:0;transform:none;border:0}.finderx.on .fx-modal{animation:fxslide .34s ease}@keyframes fxslide{0%{opacity:0;transform:translateY(3%)}to{opacity:1;transform:none}}.fx-tiles{grid-template-columns:1fr}.fxr-items,.fxr-items.two{grid-template-columns:1fr 1fr}.fx-h{font-size:24px}.fxr-h{font-size:27px}.fx-body{padding:22px 18px 26px}}@media(max-width:460px){.fxr-items,.fxr-items.two{grid-template-columns:1fr}.fxr-cta{flex-direction:column;align-items:stretch}.finderx .btn{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ubra-finder.css.map */