[data-teemi-generator]{display:block;box-sizing:border-box;background:#f4f7fb;color:#182536;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}[data-teemi-generator]{--navy:#12233f;--blue:#1769aa;--teal:#07878a;--ink:#182536;--muted:#66758a;--line:#e1e7ef;--bg:#f4f7fb;--green:#16865b;--red:#b42318}[data-teemi-generator] *{box-sizing:border-box}[data-teemi-generator]{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}[data-teemi-generator] button,[data-teemi-generator] input{font:inherit}[data-teemi-generator] .top{background:linear-gradient(110deg,#102540,#164b76 70%,#087f87);color:#fff;padding:24px max(18px,calc((100% - 1120px)/2))}[data-teemi-generator] .brand{font-weight:800;letter-spacing:.12em;font-size:12px}[data-teemi-generator] .top h1{font-size:clamp(25px,4vw,34px);margin:22px 0 7px}[data-teemi-generator] .top p{margin:0;color:#d9e8f3;font-size:14px}[data-teemi-generator] main{max-width:1120px;margin:auto;padding:22px 18px 48px}[data-teemi-generator] .steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}[data-teemi-generator] .step{padding:8px 12px;background:#e9eef5;border-radius:99px;color:#52647a;font-size:11px;font-weight:800}[data-teemi-generator] .layout{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}[data-teemi-generator] .stack{display:grid;gap:17px}[data-teemi-generator] .card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px #142a4a0b;overflow:hidden}[data-teemi-generator] .head{padding:17px 19px 10px}[data-teemi-generator] .eyebrow{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.13em;text-transform:uppercase}[data-teemi-generator] .head h2{font-size:17px;margin:5px 0}[data-teemi-generator] .desc,[data-teemi-generator] .helper{font-size:11px;color:var(--muted);line-height:1.55}[data-teemi-generator] .body{padding:0 19px 18px}[data-teemi-generator] .actions{display:flex;gap:10px;margin:0 0 10px}[data-teemi-generator] .link{border:0;background:none;color:var(--blue);font-size:11px;font-weight:800;padding:0;cursor:pointer}[data-teemi-generator] .fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}[data-teemi-generator] .field{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px;cursor:pointer}[data-teemi-generator] .field.sel{background:#f0f7fc;border-color:#80afd5}[data-teemi-generator] .field input{accent-color:var(--blue)}[data-teemi-generator] .field b{display:block;font-size:11px}[data-teemi-generator] .field small{display:block;color:#77869a;font-size:9px;margin-top:2px;letter-spacing:.08em}[data-teemi-generator] .order{display:grid;gap:7px}[data-teemi-generator] .item{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:8px}[data-teemi-generator] .num{background:#eef3f8;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800}[data-teemi-generator] .item strong{font-size:11px;flex:1}[data-teemi-generator] .item small{font-size:9px;color:#718096}[data-teemi-generator] .move{display:flex;gap:3px}[data-teemi-generator] .move button{border:1px solid var(--line);background:#fff;border-radius:5px;width:25px;height:25px;cursor:pointer}[data-teemi-generator] .move button:disabled{opacity:.3}[data-teemi-generator] .seps{display:grid;gap:7px}[data-teemi-generator] .sep{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px;cursor:pointer}[data-teemi-generator] .sep.active{background:#f0f7fc;border-color:#80afd5}[data-teemi-generator] .sep input{accent-color:var(--blue)}[data-teemi-generator] .sep b{font-size:11px;flex:1}[data-teemi-generator] .hex{font:700 10px ui-monospace,monospace;background:#f0f3f7;padding:4px 7px;border-radius:5px}[data-teemi-generator] .custom{display:grid;grid-template-columns:1fr 100px;gap:10px;margin-top:12px}[data-teemi-generator] .label{display:block;font-size:10px;font-weight:800;color:#65758a;margin-bottom:5px}[data-teemi-generator] .text{width:100%;border:1px solid #ccd6e2;border-radius:8px;padding:9px 10px}[data-teemi-generator] .text:focus{outline:2px solid #d8ebf9;border-color:#4e91c4}[data-teemi-generator] .valid{font-size:10px;color:var(--muted);min-height:15px;margin-top:6px}[data-teemi-generator] .valid.bad{color:var(--red)}[data-teemi-generator] .valid.good{color:var(--green)}[data-teemi-generator] .preview{background:#f7f9fc;border:1px solid #e5ebf2;border-radius:10px;padding:12px}[data-teemi-generator] .caption{font-size:9px;font-weight:800;letter-spacing:.1em;color:#78879a;text-transform:uppercase;margin-bottom:8px}[data-teemi-generator] .flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}[data-teemi-generator] .value{font-size:10px;font-weight:700;background:#fff;border:1px solid #e0e7ef;border-radius:6px;padding:6px 7px}[data-teemi-generator] .separator{font:700 9px ui-monospace,monospace;color:#155b91;background:#e7f1f9;border-radius:5px;padding:5px 6px}[data-teemi-generator] .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}[data-teemi-generator] .primary,[data-teemi-generator] .secondary{border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800;cursor:pointer}[data-teemi-generator] .primary{border:0;color:#fff;background:linear-gradient(100deg,#1769aa,#087f87)}[data-teemi-generator] .secondary{color:#1d5e91;background:#edf5fb;border:1px solid #d7e7f4}[data-teemi-generator] .primary:disabled,[data-teemi-generator] .secondary:disabled{opacity:.4;cursor:not-allowed}[data-teemi-generator] .barcode{margin-top:13px;padding:14px;text-align:center;border:1px solid #dfe7ef;border-radius:11px;background:#fbfcfe}[data-teemi-generator] .placeholder{min-height:170px;display:grid;place-content:center;color:#8391a3;font-size:11px;line-height:1.6}[data-teemi-generator] canvas{max-width:100%;height:auto;image-rendering:pixelated}[data-teemi-generator] .meta{font-size:9px;color:#6e7d91;margin-top:7px}[data-teemi-generator] .notice{margin-top:12px;background:#f0f7fc;border-left:3px solid #4d96c9;border-radius:0 8px 8px 0;padding:10px 11px;font-size:10px;color:#4e6177;line-height:1.55}[data-teemi-generator] .status{font-size:10px;color:#6d7d90;margin-top:10px}[data-teemi-generator] .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d69a2d;margin-right:6px}[data-teemi-generator] .dot.ok{background:var(--green)}[data-teemi-generator] details{border-top:1px solid var(--line);margin-top:14px;padding-top:11px}[data-teemi-generator] summary{font-size:11px;font-weight:800;color:#315e83;cursor:pointer}[data-teemi-generator] .command{background:#111d2c;color:#dce8f5;border-radius:8px;padding:10px;margin-top:9px;font:10px/1.55 ui-monospace,monospace;overflow-wrap:anywhere;word-break:break-all}[data-teemi-generator] .foot{text-align:center;color:#8592a3;font-size:10px;margin-top:20px;line-height:1.6}[data-teemi-generator] .toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#17283d;color:#fff;border-radius:8px;padding:10px 14px;font-size:11px;opacity:0;transition:.2s;pointer-events:none}[data-teemi-generator] .toast.show{opacity:1;transform:translate(-50%)}@media(max-width:800px){[data-teemi-generator]{display:block;box-sizing:border-box;background:#f4f7fb;color:#182536;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}[data-teemi-generator] .layout{grid-template-columns:1fr}}@media(max-width:540px){[data-teemi-generator]{display:block;box-sizing:border-box;background:#f4f7fb;color:#182536;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}[data-teemi-generator] .fields{grid-template-columns:1fr}[data-teemi-generator] .head{padding:15px 14px 9px}[data-teemi-generator] .body{padding:0 14px 15px}}@media print{[data-teemi-generator]{display:block;box-sizing:border-box;background:#f4f7fb;color:#182536;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}[data-teemi-generator] *{visibility:hidden!important}[data-teemi-generator] #printArea,[data-teemi-generator] #printArea *{visibility:visible!important}[data-teemi-generator] #printArea{position:absolute;top:0;left:0;width:100%}[data-teemi-generator] .barcode{border:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/teemi-generator.css.map */