.vp{--vp-accent:#B5693F;--vp-ink:#141414;--vp-muted:#6b665f;--vp-line:#e4ded5;--vp-surface:#faf8f5;--vp-stage:#efebe4;--vp-ok:#2f7a4d;--vp-warn:#9a6a00;--vp-bad:#b3261e;--vp-r:12px;color:var(--vp-ink);font-family:inherit;line-height:1.45;position:relative;margin:0 0 2rem}.vp *,.vp *:before,.vp *:after{box-sizing:border-box}.vp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.75rem);align-items:start}.vp [hidden]{display:none!important}.vp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vp-stage{position:sticky;top:1rem}.vp-canvas-wrap{position:relative;aspect-ratio:1/1;background:radial-gradient(120% 90% at 50% 35%,#fff 0,var(--vp-stage) 70%);border-radius:var(--vp-r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--vp-line)}.vp-canvas{position:absolute;top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%;display:block;filter:drop-shadow(0 18px 24px rgba(20,16,10,.28))}.vp-photo-hit{position:absolute;border-radius:50%;cursor:grab;touch-action:none;outline:none;margin-left:4%;margin-top:4%}.vp-photo-hit:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--vp-accent)}.vp-photo-hit.is-dragging{cursor:grabbing}.vp-loading{position:absolute;inset:auto 0 1rem;text-align:center;font-size:.85rem;color:var(--vp-muted)}.vp-tools{margin-top:.85rem;display:grid;gap:.6rem}.vp-zoom{display:flex;align-items:center;gap:.6rem}.vp-zoom input{flex:1}.vp-tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.vp-tool-row input[type=range]{flex:1 1 120px;min-width:100px}.vp input[type=range]{accent-color:var(--vp-accent);height:28px}.vp-hint{margin:.6rem 0 0;font-size:.8rem;color:var(--vp-muted)}.vp-steps{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.vp-step{border:1px solid var(--vp-line);border-radius:var(--vp-r);background:#fff}.vp-step-head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:.8rem;width:100%;padding:1rem 1.1rem;cursor:pointer;font-weight:600}.vp-step-head:focus-visible{outline:2px solid var(--vp-accent);outline-offset:-2px;border-radius:var(--vp-r)}.vp-step-num{flex:0 0 1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-size:.85rem;border:1.5px solid var(--vp-ink)}.vp-step.is-open .vp-step-num{background:var(--vp-ink);color:#fff}.vp-step-title{flex:1}.vp-step-done{opacity:0;color:var(--vp-ok);font-weight:700}.vp-step.is-done .vp-step-done{opacity:1}.vp-step-body{display:none;padding:0 1.1rem 1.15rem}.vp-step.is-open .vp-step-body{display:grid;gap:.7rem}.vp-next{justify-self:start;margin-top:.2rem;background:none;border:1.5px solid var(--vp-ink);border-radius:999px;padding:.55rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;color:inherit}.vp-field{display:grid;gap:.3rem;position:relative}.vp-field label,.vp-label{font-size:.82rem;font-weight:600}.vp-field input[type=text],.vp-field input[type=url],.vp-field input[type=search],.vp-field input[type=number]{width:100%;font:inherit;padding:.72rem .85rem;border:1px solid #cfc7bb;border-radius:10px;background:#fff;color:inherit;min-height:46px}.vp-field input:focus{outline:none;border-color:var(--vp-ink);box-shadow:0 0 0 3px #b5693f2e}.vp-field input[type=number]{max-width:7rem}.vp-count{position:absolute;right:.7rem;top:2.05rem;font-size:.75rem;color:var(--vp-muted)}.vp-link-ok{font-size:.78rem;color:var(--vp-ok)}.vp-muted{margin:0;font-size:.8rem;color:var(--vp-muted)}.vp-err{margin:0;font-size:.82rem;color:var(--vp-bad)}.vp-drop{display:grid;gap:.25rem;place-items:center;text-align:center;padding:1.6rem 1rem;border:1.5px dashed #bfb6a8;border-radius:var(--vp-r);background:var(--vp-surface);cursor:pointer;transition:border-color .15s,background .15s}.vp-drop:hover,.vp-drop.is-over,.vp-sr:focus-visible+.vp-drop{border-color:var(--vp-accent);background:#fff}.vp-drop-title{font-weight:600}.vp-drop-sub{font-size:.8rem;color:var(--vp-muted)}.vp-photo-info{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;font-size:.82rem}.vp-photo-name{font-weight:600;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-photo-dim{color:var(--vp-muted)}.vp-photo-st.is-done{color:var(--vp-ok)}.vp-photo-st.is-error{color:var(--vp-bad)}.vp-dpi{font-size:.82rem;padding:.65rem .8rem;border-radius:10px;display:grid;gap:.4rem}.vp-dpi.is-good{background:#eef6f0;color:var(--vp-ok)}.vp-dpi.is-warn{background:#fdf5e2;color:var(--vp-warn)}.vp-dpi.is-bad{background:#fbeceb;color:var(--vp-bad)}.vp-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;cursor:pointer}.vp-check input{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--vp-accent);flex:0 0 auto}.vp-fonts,.vp-swatches,.vp-styles{display:flex;flex-wrap:wrap;gap:.5rem}.vp-font,.vp-swatch,.vp-style,.vp-chip,.vp-icon-btn{font:inherit;color:inherit;background:#fff;border:1px solid #cfc7bb;border-radius:999px;cursor:pointer}.vp-font{padding:.55rem 1rem;font-size:1.05rem;min-height:44px}.vp-swatch{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem .4rem .45rem;font-size:.85rem;min-height:40px}.vp-swatch-dot{width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 1px #00000040}.vp-style{display:grid;justify-items:center;gap:.3rem;border-radius:var(--vp-r);padding:.5rem .6rem .45rem;font-size:.78rem;width:6.4rem}.vp-style img{width:72px;height:72px;border-radius:50%}.vp-font[aria-pressed=true],.vp-swatch[aria-pressed=true],.vp-style[aria-pressed=true]{border-color:var(--vp-ink);box-shadow:0 0 0 1.5px var(--vp-ink)}.vp-chip{padding:.4rem .8rem;font-size:.8rem}.vp-icon-btn{width:2.4rem;height:2.4rem;font-size:1.2rem;line-height:1;display:grid;place-items:center}.vp-font:focus-visible,.vp-swatch:focus-visible,.vp-style:focus-visible,.vp-chip:focus-visible,.vp-icon-btn:focus-visible,.vp-next:focus-visible,.vp-add:focus-visible,.vp-result:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px}.vp-results{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;max-height:18rem;overflow:auto}.vp-result{all:unset;box-sizing:border-box;display:flex;gap:.7rem;align-items:center;width:100%;padding:.45rem;border-radius:10px;cursor:pointer}.vp-result:hover{background:var(--vp-surface)}.vp-result img,.vp-result-ph{width:44px;height:44px;border-radius:6px;background:#ddd;flex:0 0 auto;object-fit:cover}.vp-result-txt{display:grid;font-size:.85rem;min-width:0}.vp-result-txt span{color:var(--vp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-divider{margin:.2rem 0 0;font-size:.78rem;color:var(--vp-muted);text-align:center}.vp-summary{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.88rem}.vp-summary dt{color:var(--vp-muted)}.vp-summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}.vp-opt{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.45rem}.vp-opt legend{font-size:.82rem;font-weight:600;margin-bottom:.35rem;padding:0}.vp-pill{position:relative}.vp-pill input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.vp-pill span{display:inline-block;padding:.5rem 1rem;border:1px solid #cfc7bb;border-radius:999px;font-size:.88rem;cursor:pointer}.vp-pill input:checked+span{border-color:var(--vp-ink);box-shadow:0 0 0 1.5px var(--vp-ink)}.vp-pill input:focus-visible+span{outline:2px solid var(--vp-accent);outline-offset:2px}.vp-errors{background:#fbeceb;color:var(--vp-bad);border-radius:10px;padding:.75rem .9rem;font-size:.85rem}.vp-errors p{margin:0 0 .3rem}.vp-errors ul{margin:0;padding-left:1.1rem}.vp-add{display:flex;justify-content:center;align-items:center;gap:.2rem;width:100%;min-height:52px;border:0;border-radius:999px;background:var(--vp-ink);color:#fff;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s}.vp-add:hover{background:#000}.vp-add:disabled{opacity:.55;cursor:not-allowed}.vp-add.is-loading{cursor:progress;opacity:.85}.vp-add.is-success{background:var(--vp-ok)}.vp-add-price{font-weight:500;opacity:.85}.vp-status{margin:0;font-size:.85rem;color:var(--vp-muted);min-height:1.2em}.vp-notice{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem;padding:.6rem .9rem;background:var(--vp-surface);border:1px solid var(--vp-line);border-radius:10px;font-size:.85rem}.vp-calib{margin-bottom:1rem;padding:.6rem .9rem;border-radius:10px;background:#11161c;color:#cfe3ff;font-size:.8rem}.vp-bar{display:none}@media(max-width:820px){.vp-grid{grid-template-columns:1fr}.vp-stage{position:relative;top:auto}.vp-bar{display:flex;position:sticky;bottom:0;z-index:5;gap:.8rem;align-items:center;margin-top:1rem;padding:.7rem .2rem calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 70%,#fff0)}.vp-bar-price{font-weight:600;white-space:nowrap}.vp-add--bar{min-height:48px}}@media(prefers-reduced-motion:reduce){.vp *{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vinyl-personalizer.css.map */