.fb-has-viz{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;align-items:start}.fb-has-viz>.fb-main{min-width:0}@media screen and (min-width:990px){.fb-has-viz{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.4rem}.fb-has-viz>.fbv{position:sticky;top:var(--fbv-top, 96px)}}.fbv,.fbv-dock{--a: var(--fbv-accent, #e90729);--ink: var(--fbv-ink, #222)}.fb-has-viz .fb-step,.fb-has-viz .fb-sum{scroll-margin-top:9rem}.fbv{background:#fff;border:1px solid rgba(0,0,0,.09);padding:1rem;color:var(--ink)}.fbv-stage{position:relative;aspect-ratio:4 / 3;background:#fff;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.06)}.fbv-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:4%;opacity:0;transform:scale(.985);transition:opacity .32s ease,transform .45s ease,filter .3s ease}.fbv-img.is-on{opacity:1;transform:none}.fbv-img.is-low{filter:blur(2px)}.fbv-tag{position:absolute;left:.6rem;top:.6rem;font-family:var(--fbv-display, inherit);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;background:var(--ink);color:#fff;pointer-events:none;transition:opacity .2s ease}.fbv-tag:empty{opacity:0}.fbv.is-preview .fbv-tag{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fbv-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:8%;opacity:0;transition:opacity .3s ease;pointer-events:none}.fbv.is-empty .fbv-empty{opacity:1}.fbv-empty svg{width:82%;max-width:30rem}.fbv-empty-text{margin:0;text-align:center;font-size:1.35rem;color:#0009;max-width:26em}.fbv-d{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;opacity:.35;transition:all .3s ease}.fbv-d.is-set{fill:var(--ink);opacity:.9}.fbv-d.is-next{stroke:var(--a);opacity:1;stroke-width:2;animation:fbv-pulse 1.6s ease-in-out infinite}@keyframes fbv-pulse{50%{opacity:.45}}.fbv-whole{position:absolute;top:0;right:0;bottom:0;left:0;display:none;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:#0000000f}.fbv.is-whole .fbv-whole{display:grid;animation:fbv-in .45s ease}.fbv-whole-cell{position:relative;background:#fff;border:0;padding:0;cursor:zoom-in;overflow:hidden}.fbv-whole-cell img{width:100%;height:100%;object-fit:contain;padding:8% 8% 3.6rem;transition:transform .3s ease}.fbv-whole-cell:first-child img{padding-top:3rem}.fbv-whole-cell:hover img{transform:scale(1.04)}.fbv-whole-cat{position:absolute;left:.6rem;right:.6rem;bottom:.5rem;display:flex;flex-direction:column;text-align:left;line-height:1.2}.fbv-whole-cat span{font-family:var(--fbv-display, inherit);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#00000080}.fbv-whole-cat strong{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fbv-in{0%{opacity:0;transform:scale(.98)}}.fbv-cap{display:grid;grid-template-columns:1fr auto;column-gap:1rem;padding:.9rem .2rem .2rem;min-height:4.6rem}.fbv-cap-cat{grid-column:1 / -1;font-family:var(--fbv-display, inherit);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:#00000080}.fbv-cap-name{font-weight:600;font-size:1.6rem;line-height:1.3}.fbv-cap-price{font-weight:600;font-size:1.6rem;white-space:nowrap}.fbv-cap.is-whole .fbv-cap-name{font-weight:400;font-size:1.35rem;color:#0009}.fbv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fbv-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.fbv-slot{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.4rem;background:#fff;border:1px solid rgba(0,0,0,.12);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;min-width:0}.fbv-slot:hover{border-color:var(--ink)}.fbv-slot-pic{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:#fafafa;overflow:hidden}.fbv-slot-pic img{width:100%;height:100%;object-fit:contain}.fbv-slot-pic svg{width:92%}.fbv-slot-pic .fbv-d{opacity:.18}.fbv-slot-pic .fbv-d.is-lit{opacity:.9;stroke-width:2.4}.fbv-slot.is-next{border-color:var(--a);box-shadow:inset 0 -3px 0 var(--a)}.fbv-slot.is-next .fbv-d.is-lit{stroke:var(--a)}.fbv-slot.is-shown{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}.fbv-slot.is-ghost .fbv-slot-pic{outline:1px dashed var(--ink);outline-offset:-1px}.fbv-slot.is-ghost .fbv-slot-pic img{opacity:.55}.fbv-slot.is-pop .fbv-slot-pic img{animation:fbv-pop .4s ease}@keyframes fbv-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:none}}.fbv-slot-txt{display:flex;flex-direction:column;min-width:0}.fbv-slot-cat{font-family:var(--fbv-display, inherit);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#00000080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbv-slot-name{font-size:1.15rem;line-height:1.25;font-weight:600;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fbv-slot.is-next .fbv-slot-name{color:var(--a)}.fbv-total-line{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem;padding-top:.8rem;border-top:2px solid var(--ink);font-weight:600;font-size:1.5rem}.fbv-total-lab{font-family:var(--fbv-display, inherit);letter-spacing:.06em;text-transform:uppercase;font-size:1.2rem}.fbv-extras{margin:.4rem 0 0;font-size:1.2rem;color:#0009}.fbv-go{margin-top:.9rem;width:100%;padding:1rem 1.4rem;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:600;cursor:pointer;box-shadow:inset 0 -3px 0 var(--a)}.fbv-go:hover{filter:brightness(1.12)}.fbv-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:1rem;padding:.7rem 1.2rem calc(.7rem + env(safe-area-inset-bottom));background:var(--ink);color:#fff;border:0;font:inherit;cursor:pointer;box-shadow:0 -4px 18px #0000002e;transform:translateY(110%);transition:transform .3s ease}.fbv-dock.is-on{transform:none}@media screen and (max-width:989px){.fbv-dock{display:flex}}.fbv-dock-pics{display:flex;gap:.4rem}.fbv-dock-pic{width:4rem;height:3rem;background:#fff;display:flex;align-items:center;justify-content:center}.fbv-dock-pic img{width:100%;height:100%;object-fit:contain}.fbv-dock-pic.is-empty{background:#ffffff26}.fbv-dock-total{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font-weight:600;font-size:1.4rem}.fbv-dock-lab{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.fbv-dock .fb-was,.fbv-dock-n .fb-was{color:#fff9}.fbv-dock-flash{display:none;align-items:center;gap:1rem;min-width:0}.fbv-dock-flash img{width:9rem;height:6.6rem;object-fit:contain;background:#fff;padding:.3rem;animation:fbv-pop .4s ease}.fbv-dock-flash-txt{display:flex;flex-direction:column;min-width:0;text-align:left}.fbv-dock-flash-txt strong{font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbv-dock.is-flash .fbv-dock-flash{display:flex}.fbv-dock.is-flash .fbv-dock-pics{display:none}.fbv-dock.is-flash{box-shadow:0 -4px 18px #0000002e,inset 0 3px 0 var(--fbv-accent, #e90729)}@media screen and (max-width:989px){.fbv-stage{aspect-ratio:16 / 10}.fbv-slot-name{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.fbv *,.fbv-dock{transition:none!important;animation:none!important}}.fbp{position:relative;--a: var(--fbv-accent, #e90729);--ink: var(--fbv-ink, #222);margin-top:.6rem}.fbp-trigger{width:100%;display:flex;align-items:center;gap:1.2rem;min-height:5.8rem;padding:.7rem 1.2rem;background:#fff;border:1px solid rgba(0,0,0,.22);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.fbp-trigger:hover{border-color:var(--ink)}.fbp.is-next .fbp-trigger{border-color:var(--a);box-shadow:inset 4px 0 0 var(--a)}.fbp.is-open .fbp-trigger{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--ink)}.fbp.is-disabled .fbp-trigger{cursor:default;color:#00000073;background:#fafafa}.fbp-thumb{width:6rem;height:4.4rem;object-fit:contain;flex:none;background:#fafafa}.fbp-tr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.fbp-tr-main{font-weight:600;font-size:1.5rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fbp.is-disabled .fbp-tr-main{font-weight:400}.fbp-tr-sub{font-size:1.2rem;color:#0000008c}.fbp.is-next .fbp-tr-sub{color:var(--ink)}.fbp-tr-price{font-weight:600;white-space:nowrap}.fbp-caret{flex:none;width:.9rem;height:.9rem;margin:0 .3rem 0 .4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform .2s ease}.fbp.is-open .fbp-caret{transform:translateY(25%) rotate(-135deg)}.fbp.is-disabled .fbp-caret{opacity:.3}.fbp-panel{position:absolute;left:0;right:0;top:calc(100% + .4rem);z-index:35;display:none;background:#fff;border:1px solid var(--ink);box-shadow:0 14px 34px #0000002e}.fbp.is-open .fbp-panel{display:block;animation:fbp-in .16s ease}@keyframes fbp-in{0%{opacity:0;transform:translateY(-.4rem)}}.fbp-jump{display:flex;gap:.5rem;overflow-x:auto;padding:.8rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);scrollbar-width:none}.fbp-jump::-webkit-scrollbar{display:none}.fbp-jump-chip{flex:none;padding:.45rem 1rem;border:1px solid rgba(0,0,0,.18);background:#fff;font:inherit;font-size:1.2rem;cursor:pointer;white-space:nowrap}.fbp-jump-chip:hover{border-color:var(--ink)}.fbp-jump-chip.is-suggested{border-color:var(--a)}.fbp-list{max-height:min(58vh,48rem);overflow-y:auto;overscroll-behavior:contain;position:relative}.fbp-group{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;padding:.55rem 1.2rem;background:#f4f4f2;font-family:var(--fbv-display, inherit);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#000000b3}.fbp-group.is-suggested{background:var(--ink);color:#fff}.fbp-group-n{opacity:.6;letter-spacing:0}.fbp-opt{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;column-gap:1.2rem;row-gap:.1rem;align-items:center;padding:.7rem 1.2rem;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05);outline:none}.fbp-opt:hover,.fbp-opt:focus{background:#0000000b}.fbp-opt.is-chosen{box-shadow:inset 4px 0 0 var(--ink)}.fbp-opt.is-chosen .fbp-opt-name{font-weight:600}.fbp-opt img{grid-row:span 2;width:5.6rem;height:4.2rem;object-fit:contain}.fbp-opt-name{font-size:1.4rem;line-height:1.3}.fbp-opt-price{white-space:nowrap;font-weight:600;text-align:right}.fbp-opt-note{grid-column:2 / -1;font-size:1.2rem;line-height:1.35;color:#0009}.fbp-opt-note.fbp-warn{color:#9a7b00}.fbp-opt.is-suggested{box-shadow:inset 4px 0 0 var(--a)}.fbp-opt.is-suggested .fbp-opt-note{color:var(--ink);font-weight:600}@media screen and (max-width:749px){.fbp-list{max-height:62vh}.fbp-opt{grid-template-columns:4.6rem minmax(0,1fr) auto}.fbp-opt img{width:4.6rem;height:3.4rem}.fbp-tr-main{white-space:normal}}.fb-has-viz .fb-step{padding:.9rem 1.2rem 1.1rem}.fb-has-viz .fb-step-head{margin-bottom:0}.fbv-empty.has-fig{padding:2.5% 3%;justify-content:flex-start}.fbv-fig{position:relative;flex:1;min-height:0;height:100%;max-width:100%;aspect-ratio:4 / 3;margin:0 auto}.fbv-fig-img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.34;mix-blend-mode:multiply}.fbv-empty.has-fig .fbv-empty-text{position:absolute;left:4%;top:5%;max-width:15em;text-align:left;font-family:var(--fbv-display, inherit);font-size:1.5rem;letter-spacing:.02em;color:var(--ink);line-height:1.35}.fbv-hot{position:absolute;display:flex;align-items:center;gap:.5rem;transform:translate(-.6rem,-50%);pointer-events:none}.fbv-hot-dot{flex:none;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px #fff}.fbv-hot-lab{font-family:var(--fbv-display, inherit);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.2rem .55rem;background:#fff;border:1px solid rgba(0,0,0,.14);color:#000000b3}.fbv-hot.is-next .fbv-hot-dot{background:var(--a);animation:fbv-ping 1.7s ease-out infinite}.fbv-hot.is-next .fbv-hot-lab{border-color:var(--a);color:var(--ink);font-weight:700;box-shadow:inset 3px 0 0 var(--a)}@keyframes fbv-ping{0%{box-shadow:0 0 0 3px #fff,0 0 0 3px var(--a)}80%,to{box-shadow:0 0 0 3px #fff,0 0 0 16px transparent}}.fbv-slot-pic img.fbv-ph{filter:grayscale(1);opacity:.32}.fbv-slot.is-next .fbv-slot-pic img.fbv-ph{opacity:.55}@media screen and (max-width:749px){.fbv-hot-lab{font-size:.95rem;padding:.15rem .4rem}.fbv-empty.has-fig .fbv-empty-text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/foil-build-viz.css.map */