[data-m3-tools] [hidden]{display:none!important}[data-m3-tools] .m3-finish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:0;padding:0}[data-m3-tools] .m3-finish-choice{display:block;position:relative;min-width:0;cursor:pointer}[data-m3-tools] .m3-finish-choice input{position:absolute;opacity:0;width:1px;height:1px}[data-m3-tools] .m3-finish-face{display:flex;align-items:center;gap:10px;min-height:74px;height:100%;padding:10px;border:1px solid #d4dfec;border-radius:18px;background:#f7f9fc;color:#25354e;box-sizing:border-box;transition:border-color .15s,background .15s}[data-m3-tools] .m3-finish-choice input:checked+.m3-finish-face{border-color:#34435b;background:#edf2f7;box-shadow:inset 0 0 0 1px #34435b}[data-m3-tools] .m3-finish-choice input:focus-visible+.m3-finish-face{outline:3px solid #2864ff;outline-offset:3px}[data-m3-tools] .m3-finish-thumb{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#fff;overflow:hidden}[data-m3-tools] .m3-finish-thumb img{width:100%;height:100%;object-fit:cover}[data-m3-tools] .m3-finish-thumb svg{width:28px;height:28px}[data-m3-tools] .m3-finish-face strong{display:block;font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}[data-m3-tools] .m3-finish-face small{display:block;font-size:12px;line-height:1.35;margin-top:3px;color:#61728b}[data-m3-tools] .m3-tools-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}[data-m3-tools] .m3-secondary-actions{grid-template-columns:1fr}[data-m3-tools] .m3-quote-trigger{width:100%;margin-top:8px}[data-m3-tools] .m3-mockup-controls{margin-top:14px}[data-m3-tools] .m3-tools-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-m3-tools] .m3-tools-fields label,[data-m3-tools] .m3-tools-notes{display:flex;flex-direction:column;gap:6px;color:#53647e;font-size:13px;line-height:1.4;min-width:0}[data-m3-tools] .m3-tools-fields input,[data-m3-tools] .m3-tools-fields select,[data-m3-tools] .m3-tools-notes textarea{-webkit-appearance:auto;appearance:auto;width:100%;min-width:0;font:inherit;font-size:14px;color:#25354e;background:#f7f9fc;border:1px solid #d4dfec;border-radius:12px;padding:11px;box-sizing:border-box}[data-m3-tools] .m3-tools-notes{margin-top:14px}[data-m3-tools] .m3-tools-fields :is(input,select):focus-visible,[data-m3-tools] .m3-tools-notes textarea:focus-visible{outline:2px solid #2864ff;outline-offset:2px}[data-m3-tools] [data-generate-mockup],[data-m3-tools] .m3-quote-fields [type=submit]{width:100%;margin-top:10px}[data-m3-tools] [data-clear-mockup]{display:block;margin:12px auto 0}[data-m3-tools] .m3-mockup-status{color:#42644b;font-size:13px;line-height:1.5;margin:12px 0 0}[data-m3-tools] .m3-mockup-status:empty{margin:0}[data-m3-tools] .m3-mockup-status[data-error=true]{color:#a02c2c}[data-m3-tools] .m3-quote-fields{margin-top:16px;padding:22px}[data-m3-tools] .m3-quote-fields h2{font-size:20px;line-height:1.3;margin:0 0 18px}[data-m3-tools] .m3-quote-review{margin-top:16px;padding:12px;border:1px solid #d4dfec;border-radius:12px;background:#f7f9fc}[data-m3-tools] .m3-quote-review summary{cursor:pointer;font-size:14px}[data-m3-tools] .m3-quote-review pre{font-family:inherit;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}[data-m3-tools] .m3-tools-success{padding:16px;background:#edf6ef;border-radius:12px;color:#285e36}[data-m3-tools] .m3-tools-single{grid-template-columns:1fr}[data-m3-tools] .m3-quantity-tiers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:#e9eff6;border-radius:15px;overflow:hidden;margin:0 0 16px}[data-m3-tools] .m3-quantity-tier{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0;min-height:66px;padding:10px 3px;border:0;border-radius:0;background:transparent;color:#24344d;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}[data-m3-tools] .m3-quantity-tier[aria-pressed=true]{background:#d5deeb}[data-m3-tools] .m3-quantity-tier:focus-visible{outline:2px solid #2864ff;outline-offset:-3px}[data-m3-tools] .m3-quantity-tier [data-tier-price]{font-size:11px;color:#397459}[data-m3-tools] .m3-price-masked{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.55}[data-m3-tools] .m3-price-on-quote :is(.m3-price-unit,.m3-tax-switch,[data-tax-label]){display:none}[data-m3-tools] .m3-price-on-quote [data-price-total]{font-size:26px}[data-m3-tools] .m3-tier-caption{margin-bottom:5px}[data-m3-tools] .m3-mockup-loading{margin:16px 0 4px;font-size:12px;color:#53647e}[data-m3-tools] .m3-mockup-track{height:6px;overflow:hidden;border-radius:10px;background:#e1e9f5;margin-top:8px}[data-m3-tools] .m3-mockup-track>span{display:block;height:100%;width:36%;border-radius:10px;background:#2864ff;animation:m3-mockup-loading 1.1s ease-in-out infinite}[data-m3-tools] .m3-mockup-loading.is-complete .m3-mockup-track>span{animation:none;transform:none;width:100%}[data-m3-tools] .m3-mockup-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}[data-m3-tools] .m3-mockup-actions .m3-btn{min-width:0;padding:10px 8px;font-size:12px}[data-m3-tools] .m3-artwork-adjust{padding:14px;background:#f7f9fc;border:1px solid #d4dfec;border-radius:15px;margin-top:12px}[data-m3-tools] .m3-adjust-rotation{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}[data-m3-tools] .m3-adjust-rotation .m3-btn{flex:1;font-size:12px;padding:8px;min-height:36px;white-space:nowrap}[data-m3-tools] .m3-artwork-adjust>label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;color:#53647e}[data-m3-tools] .m3-artwork-adjust input{width:100%;accent-color:#2864ff}@keyframes m3-mockup-loading{0%{transform:translate(-110%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){[data-m3-tools] .m3-mockup-track>span{animation:none;width:50%}}@container m3-config-options (max-width:440px){[data-m3-tools] .m3-quantity-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-m3-tools] .m3-right{container-type:inline-size;container-name:m3-config-options}@media(max-width:480px){[data-m3-tools] .m3-finish-grid,[data-m3-tools] .m3-tools-fields{grid-template-columns:1fr}[data-m3-tools] .m3-quote-fields{padding:16px}[data-m3-tools] .m3-quantity-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/m3-configurator-tools.css.map */