pricer-app{display:block;container-type:inline-size;container-name:pricer;--pricer-yellow:#FFD400;--pricer-ink:#141414;--pricer-paper:#FFFFFF;--pricer-bg:#F7F7F5;--pricer-panel:#F2F2EF;--pricer-line:#E4E4DF;--pricer-line-soft:#EDEDE8;--pricer-muted:#6E6E68;--pricer-success:#1F8A4C;--pricer-success-bg:#EFF7F2;--pricer-warn:#B54708;--pricer-warn-bg:#FFF6EB;--pricer-focus:#2557D6;--pricer-radius:12px;--pricer-radius-lg:14px;--pricer-shadow:0 1px 2px rgba(20,20,20,.04);--pricer-shadow-lift:0 6px 18px rgba(20,20,20,.08);--pricer-step-gap:10px;font-family:var(--text-font-family, var(--body-font-family, "Nunito", system-ui, sans-serif));color:var(--pricer-ink);-webkit-font-smoothing:antialiased}pricer-app,pricer-app *{box-sizing:border-box}pricer-app button{color:var(--pricer-ink);font-family:inherit}pricer-app h2,pricer-app h3{font-family:inherit}pricer-app .pricer-wrap{width:100%;max-width:620px}.pricer-section .pricer-wrap{max-width:560px;margin-inline:auto}pricer-app .pricer{display:flex;flex-direction:column;gap:var(--pricer-step-gap);background:var(--pricer-panel);border:1px solid var(--pricer-line);border-radius:var(--pricer-radius-lg);padding:14px}pricer-app .step{background:var(--pricer-paper);border:1px solid var(--pricer-line);border-radius:var(--pricer-radius-lg);padding:18px 16px;box-shadow:var(--pricer-shadow)}pricer-app .step-head{display:flex;align-items:center;gap:10px;margin-bottom:2px}pricer-app .step-num{font-weight:700;font-size:.8rem;background:var(--pricer-ink);color:var(--pricer-yellow);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;padding:0;text-align:center;font-variant-numeric:tabular-nums}pricer-app .step-num.done{background:var(--pricer-success);color:#fff}pricer-app .step h2{font-weight:600;font-size:1.0625rem;line-height:1.35;letter-spacing:-.01em;margin:0}pricer-app .step .hint{font-size:.8125rem;color:var(--pricer-muted);margin:6px 0 14px;line-height:1.5}pricer-app .presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}pricer-app .preset{position:relative;border:1.5px solid var(--pricer-line);border-radius:var(--pricer-radius);background:var(--pricer-paper);padding:13px 12px;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}pricer-app .preset:hover{border-color:#bfbfb8}pricer-app .preset .size{display:block;font-weight:700;font-size:1rem;letter-spacing:-.01em}pricer-app .preset .use{display:block;font-size:.75rem;color:var(--pricer-muted);margin-top:3px;line-height:1.35}pricer-app .preset.selected{border-color:var(--pricer-ink);background:#fffcec;box-shadow:var(--pricer-shadow)}pricer-app .preset .pop{position:absolute;top:-9px;right:8px;background:var(--pricer-yellow);border:1px solid var(--pricer-ink);font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:99px;white-space:nowrap;line-height:1.4}pricer-app .custom-fields{display:none;gap:10px;margin-top:12px;flex-wrap:wrap}pricer-app .custom-fields.open{display:flex}pricer-app .field{flex:1 1 140px;min-width:0}pricer-app .field label{display:block;font-size:.78rem;font-weight:700;margin-bottom:5px}pricer-app .field .label-hint{color:var(--pricer-muted);font-weight:400}pricer-app .field input{width:100%;padding:11px 12px;border:1.5px solid var(--pricer-line);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--pricer-paper);color:inherit;transition:border-color .15s ease}pricer-app .field input:hover{border-color:#cfcfc8}pricer-app .finished-note{font-size:.78rem;color:var(--pricer-muted);margin:12px 0 0;line-height:1.45}pricer-app .qty-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}pricer-app .stepper{display:flex;align-items:center;border:1.5px solid var(--pricer-line);border-radius:10px;overflow:hidden;flex-shrink:0}pricer-app .stepper button{width:44px;height:44px;border:none;background:var(--pricer-paper);font-size:1.25rem;line-height:1;cursor:pointer;transition:background-color .12s ease}pricer-app .stepper button:hover{background:var(--pricer-bg)}pricer-app .stepper button:active{background:#edede8}pricer-app .stepper input{width:52px;height:44px;border:none;border-left:1.5px solid var(--pricer-line);border-right:1.5px solid var(--pricer-line);text-align:center;font-size:1.05rem;font-weight:700;font-family:inherit;padding:0;margin:0;line-height:44px;background:var(--pricer-paper);color:inherit;font-variant-numeric:tabular-nums}pricer-app .stepper input::-webkit-outer-spin-button,pricer-app .stepper input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}pricer-app .stepper input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}pricer-app .tier-nudge{font-size:.8rem;font-weight:700;color:var(--pricer-success);min-width:0}pricer-app .savings-toggle{background:none;border:none;color:var(--pricer-focus);text-decoration:underline;text-underline-offset:2px;font-size:.82rem;cursor:pointer;margin-top:14px;font-family:inherit;padding:0}pricer-app .savings-table{display:none;margin-top:12px;border:1px solid var(--pricer-line);border-radius:10px;overflow:hidden;font-size:.85rem}pricer-app .savings-table.open{display:block}pricer-app .savings-table .row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--pricer-line-soft)}pricer-app .savings-table .row:last-child{border-bottom:none}pricer-app .savings-table .row.active{background:#fffcec;font-weight:800}pricer-app .savings-table .save{color:var(--pricer-success);font-weight:700}pricer-app .upload-zone{display:block;border-radius:var(--pricer-radius);padding:22px 16px;text-align:center;cursor:pointer;background:var(--pricer-ink);color:#fff;width:100%;border:none;font-family:inherit;transition:background-color .15s ease,box-shadow .15s ease}pricer-app .upload-zone:hover{background:#000;box-shadow:var(--pricer-shadow-lift)}pricer-app .upload-zone.hidden{display:none}pricer-app .upload-zone .big{font-weight:700;font-size:1rem;letter-spacing:-.01em}pricer-app .upload-zone .formats{font-size:.72rem;color:#b8b8b0;margin-top:5px;line-height:1.4}pricer-app .alt-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px}pricer-app .later-option{flex:1 1 auto;background:#fffcec;border:2px solid var(--pricer-ink);border-radius:var(--pricer-radius);color:var(--pricer-ink);font-family:inherit;font-size:.85rem;font-weight:700;padding:13px 14px;cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease}pricer-app .later-option:hover{background:#fff8d6}pricer-app .later-option.active{border-style:solid;border-color:var(--pricer-success);background:var(--pricer-success-bg);font-weight:700}pricer-app .later-link{display:inline-block;background:none;border:none;color:var(--pricer-muted);text-decoration:underline;text-underline-offset:2px;font-size:.82rem;text-align:left;cursor:pointer;font-family:inherit;padding:0;transition:color .12s ease}pricer-app .later-link:hover{color:var(--pricer-ink)}pricer-app .later-link.active{color:var(--pricer-ink);font-weight:700}pricer-app .later-note{display:none;margin-top:12px;background:var(--pricer-bg);border:1px solid var(--pricer-line);border-radius:var(--pricer-radius);padding:13px;font-size:.83rem;line-height:1.55}pricer-app .later-note.show{display:block}pricer-app .later-note b{font-weight:800}pricer-app .later-note .ack{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid var(--pricer-line);cursor:pointer;font-size:.8rem;line-height:1.5}pricer-app .later-note .ack input{flex-shrink:0;width:17px;height:17px;margin:1px 0 0;accent-color:var(--pricer-ink);cursor:pointer}.modal-mask .crop-size-hint{margin:8px 0 0}.modal-mask{--pricer-yellow:#FFD400;--pricer-ink:#141414;--pricer-paper:#FFFFFF;--pricer-bg:#F7F7F5;--pricer-line:#E4E4DF;--pricer-muted:#6E6E68;--pricer-focus:#2557D6;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1414148c;z-index:70;align-items:center;justify-content:center;padding:20px;font-family:var(--text-font-family, var(--body-font-family, "Nunito", system-ui, sans-serif));color:var(--pricer-ink)}.modal-mask.show{display:flex}body.pricer-lock{overflow:hidden;touch-action:none}.modal-mask .pricer-modal{display:block;background:var(--pricer-paper);border-radius:18px;width:100%;max-width:520px;padding:18px 18px 0;max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain}.modal-mask .pricer-modal h3{font-weight:700;font-size:1.15rem;letter-spacing:-.01em;margin:0 0 2px}.modal-mask .pricer-modal .sub{font-size:.82rem;color:var(--pricer-muted);margin-bottom:12px;line-height:1.5}.modal-mask .crop-stage{position:relative;background:#edede8;border-radius:12px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;min-height:280px}.modal-mask .crop-stage img{display:block;width:100%;pointer-events:none;-webkit-user-drag:none}.modal-mask .crop-box{position:absolute;border:2px solid var(--pricer-yellow);box-shadow:0 0 0 9999px #14141473;cursor:move;touch-action:none}.modal-mask .crop-box .h{position:absolute;width:28px;height:28px;background:var(--pricer-yellow);border:2px solid var(--pricer-ink);border-radius:50%;touch-action:none}.modal-mask .crop-box .h.tl{top:-14px;left:-14px;cursor:nwse-resize}.modal-mask .crop-box .h.tr{top:-14px;right:-14px;cursor:nesw-resize}.modal-mask .crop-box .h.bl{bottom:-14px;left:-14px;cursor:nesw-resize}.modal-mask .crop-box .h.br{bottom:-14px;right:-14px;cursor:nwse-resize}.modal-mask .crop-size-row{display:flex;align-items:flex-end;gap:10px;margin-top:14px}.modal-mask .crop-size-row .field{flex:1;min-width:0}.modal-mask .crop-size-row .x{padding-bottom:12px;color:var(--pricer-muted)}.modal-mask .crop-size-row .field label{display:block;font-size:.78rem;font-weight:700;margin-bottom:5px}.modal-mask .crop-size-row .field input{width:100%;padding:11px 12px;border:1.5px solid var(--pricer-line);border-radius:10px;font-size:1rem;font-family:inherit}.modal-mask .modal-actions{display:flex;gap:10px;position:sticky;bottom:0;margin:16px -18px 0;padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:var(--pricer-paper);box-shadow:0 -10px 14px -10px #14141429}@media(max-width:600px){.modal-mask{padding:12px}.modal-mask .pricer-modal{max-height:90vh;max-height:90dvh;padding:16px 16px 0}.modal-mask .modal-actions{margin-inline:-16px;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.modal-mask .crop-stage{min-height:min(280px,30vh);min-height:min(280px,30dvh)}}.modal-mask .modal-actions button{flex:1;padding:13px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit}.modal-mask .modal-cancel{border:1.5px solid var(--pricer-line);background:var(--pricer-paper);color:var(--pricer-focus)}.modal-mask .modal-confirm{border:2px solid var(--pricer-ink);background:var(--pricer-yellow)}pricer-app .upload-success{display:none;border:1.5px solid var(--pricer-success);background:var(--pricer-success-bg);border-radius:var(--pricer-radius);padding:13px;align-items:center;gap:12px}pricer-app .upload-success.show{display:flex}pricer-app .upload-success img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--pricer-line);background:#fff;flex-shrink:0}pricer-app .upload-success .meta{flex:1;min-width:0}pricer-app .upload-success .fname{font-weight:800;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}pricer-app .upload-success .status{color:var(--pricer-success);font-weight:800;font-size:.8rem}pricer-app .upload-success .swap{background:none;border:none;color:var(--pricer-focus);text-decoration:underline;text-underline-offset:2px;font-size:.8rem;cursor:pointer;font-family:inherit;padding:0}pricer-app .aspect-flag{display:none;background:var(--pricer-warn-bg);border:1.5px solid var(--pricer-warn);border-radius:var(--pricer-radius);padding:13px;margin-top:12px;font-size:.83rem;line-height:1.5}pricer-app .aspect-flag.show{display:block}pricer-app .aspect-flag b{color:var(--pricer-warn)}pricer-app .aspect-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}pricer-app .aspect-actions button{flex:1 1 130px;padding:10px;border-radius:9px;font-weight:700;font-size:.82rem;cursor:pointer;font-family:inherit}pricer-app .aspect-keep{border:1.5px solid var(--pricer-ink);background:var(--pricer-paper)}pricer-app .aspect-match{border:1.5px solid var(--pricer-ink);background:var(--pricer-yellow)}pricer-app .aspect-ack{display:none;background:var(--pricer-bg);border:1px solid var(--pricer-line);border-left:3px solid var(--pricer-warn);border-radius:var(--pricer-radius);padding:13px;margin-top:12px;font-size:.83rem;line-height:1.5}pricer-app .aspect-ack.show{display:block}pricer-app .aspect-ack b{display:block;margin-bottom:2px}pricer-app .aspect-ack .later-link{margin-top:8px}pricer-app .details-body{display:none;margin-top:14px}pricer-app .details-body.open{display:block}pricer-app .details-body .field{margin-bottom:12px}pricer-app .details-body .field:last-child{margin-bottom:0}pricer-app .details-toggle{background:none;border:none;color:var(--pricer-focus);text-decoration:underline;text-underline-offset:2px;font-size:.85rem;cursor:pointer;font-family:inherit;padding:0}pricer-app textarea{width:100%;padding:11px 12px;border:1.5px solid var(--pricer-line);border-radius:10px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:64px;background:var(--pricer-paper);color:inherit}pricer-app .price-bar{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin-top:16px;background:var(--pricer-paper);border:2px solid var(--pricer-ink);border-radius:var(--pricer-radius-lg);padding:18px 20px;box-shadow:var(--pricer-shadow)}pricer-app .price-bar .totals{flex:1 1 170px;min-width:0}pricer-app .price-bar .total{font-weight:700;font-size:1.6rem;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}pricer-app .price-bar .per{font-size:.82rem;color:var(--pricer-muted);margin-top:2px;line-height:1.4}pricer-app .price-bar .save{font-size:.82rem;color:var(--pricer-success);font-weight:800;margin-top:2px;line-height:1.4}pricer-app .pricer-atc{flex:1 1 auto;background:var(--pricer-yellow);border:2px solid var(--pricer-ink);border-radius:10px;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;padding:15px 26px;cursor:pointer;white-space:nowrap;transition:box-shadow .15s ease,transform .15s ease}pricer-app .pricer-atc:hover:not(:disabled){box-shadow:var(--pricer-shadow-lift);transform:translateY(-1px)}pricer-app .pricer-atc:active:not(:disabled){transform:translateY(0)}pricer-app .pricer-atc:disabled{background:#f0f0ec;border-color:#d6d6cf;color:#9b9b94;cursor:not-allowed}pricer-app .atc-note{text-align:center;font-size:.78rem;color:var(--pricer-muted);margin-top:10px;line-height:1.45}pricer-app .atc-note:empty{display:none}pricer-app button:focus-visible,pricer-app input:focus-visible,pricer-app textarea:focus-visible,pricer-app .preset:focus-visible,.modal-mask button:focus-visible,.modal-mask input:focus-visible{outline:2px solid var(--pricer-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){pricer-app *,.modal-mask *{transition:none!important}}@container pricer (min-width:440px){pricer-app{--pricer-step-gap:12px}pricer-app .step{padding:20px}pricer-app .price-bar{padding:20px 22px}pricer-app .price-bar .total{font-size:1.75rem}pricer-app .pricer-atc{flex:0 0 auto}}.line-item__media--artwork{object-fit:contain;background:#f7f7f5;border-radius:6px;height:auto}
/*# sourceMappingURL=/cdn/shop/t/176/assets/pricer.css.map */