.ex-cfg-wrap{border:1px solid var(--ex-hairline);border-radius:var(--ex-radius-lg);overflow:hidden;background:var(--ex-warm-white);box-shadow:0 4px 24px #14301e12}.ex-cfg-layout{display:grid;grid-template-columns:220px 1fr 300px;min-height:540px}.ex-cfg-rail{background:var(--ex-forest);padding:28px 20px;display:flex;flex-direction:column;gap:0}.ex-cfg-rail__label{font-family:var(--ex-font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ex-signal-mid);margin-bottom:20px}.ex-cfg-rail__step{display:flex;align-items:center;gap:11px;padding:10px;border-radius:5px;font-family:var(--ex-font-body);font-size:13.5px;color:#ffffff8c;cursor:pointer;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.ex-cfg-rail__step:hover{color:#fffc}.ex-cfg-rail__step.active{background:#ffffff12;color:#fff}.ex-cfg-rail__step.done{color:#ffffffbf}.ex-cfg-rail__step.disabled{pointer-events:none;opacity:.4}.ex-cfg-dot{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ex-font-mono);font-size:10px;flex-shrink:0;transition:all .15s}.ex-cfg-dot--future{border:1.5px solid rgba(255,255,255,.25);color:#fff6}.ex-cfg-dot--active,.ex-cfg-dot--done{background:var(--ex-signal);color:#fff}.ex-cfg-dot--done:after{content:"\2713";font-size:11px}.ex-cfg-dot--done span{display:none}.ex-cfg-center{padding:32px 36px;display:flex;flex-direction:column}.ex-cfg-step-label{font-family:var(--ex-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ex-signal);margin-bottom:8px}.ex-cfg-step-title{font-family:var(--ex-font-heading);font-weight:700;font-size:22px;color:var(--ex-charcoal);margin:0 0 6px;line-height:1.15}.ex-cfg-step-hint{font-size:13.5px;color:var(--ex-muted);margin:0 0 24px;line-height:1.5}.ex-cfg-step-panel{display:none;flex:1}.ex-cfg-step-panel.visible{display:flex;flex-direction:column;gap:16px}.ex-cfg-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ex-cfg-options--2col{grid-template-columns:repeat(2,1fr)}.ex-cfg-option{border:1.5px solid var(--ex-hairline);border-radius:var(--ex-radius-card);padding:16px;cursor:pointer;background:var(--ex-off-white);transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.ex-cfg-option:hover{border-color:var(--ex-heritage)}.ex-cfg-option.selected{border-color:var(--ex-signal);background:#f3f7f0;box-shadow:0 0 0 3px #35953f1f}.ex-cfg-option.disabled{opacity:.4;pointer-events:none}.ex-cfg-option__img{width:100%;aspect-ratio:16/9;border-radius:4px;background:var(--ex-light-grey);overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.ex-cfg-option__img img{width:100%;height:100%;object-fit:cover}.ex-cfg-option__name{font-family:var(--ex-font-heading);font-weight:600;font-size:14px;color:var(--ex-charcoal);margin-bottom:3px}.ex-cfg-option__sub{font-size:11.5px;color:var(--ex-muted)}.ex-cfg-option__badge{position:absolute;top:10px;right:10px;font-family:var(--ex-font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--ex-signal);color:#fff;border-radius:3px;padding:3px 7px}.ex-cfg-nav{display:flex;align-items:center;justify-content:space-between;padding-top:24px;margin-top:auto;border-top:1px solid var(--ex-light-grey)}.ex-cfg-escape{font-size:13.5px;color:var(--ex-muted)}.ex-cfg-escape a{color:var(--ex-heritage);font-weight:600;text-decoration:none}.ex-cfg-escape a:hover{text-decoration:underline}.ex-cfg-preview{background:var(--ex-light-grey);border-left:1px solid var(--ex-hairline);padding:24px 22px;display:flex;flex-direction:column;gap:16px}.ex-cfg-preview__label{font-family:var(--ex-font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ex-muted)}.ex-cfg-canvas-wrap{background:#fff;border-radius:var(--ex-radius-card);overflow:hidden;border:1px solid var(--ex-hairline)}#ex-cfg-canvas{display:block;width:100%;max-height:130px;image-rendering:pixelated}.ex-cfg-spec-table{font-family:var(--ex-font-mono);font-size:11.5px;line-height:2;color:var(--ex-charcoal)}.ex-cfg-spec-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--ex-hairline);padding:4px 0}.ex-cfg-spec-row:last-child{border-bottom:none}.ex-cfg-spec-row span:first-child{color:var(--ex-muted)}.ex-cfg-spec-val{color:var(--ex-charcoal);font-weight:500}.ex-cfg-spec-val.empty{color:var(--ex-hairline)}.ex-cfg-upload{border:2px dashed var(--ex-hairline);border-radius:var(--ex-radius-card);padding:28px 20px;text-align:center;cursor:pointer;background:var(--ex-off-white);transition:border-color .15s,background .15s;position:relative}.ex-cfg-upload:hover,.ex-cfg-upload.dragover{border-color:var(--ex-heritage);background:#f3f7f0}.ex-cfg-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.ex-cfg-upload__icon{width:40px;height:40px;border-radius:50%;background:var(--ex-light-grey);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.ex-cfg-upload__title{font-family:var(--ex-font-body);font-weight:600;font-size:14px;color:var(--ex-heritage);margin-bottom:4px}.ex-cfg-upload__sub{font-size:12px;color:var(--ex-muted)}.ex-cfg-upload-preview{display:none;align-items:center;gap:12px;background:var(--ex-off-white);border:1px solid var(--ex-signal);border-radius:var(--ex-radius);padding:10px 14px}.ex-cfg-upload-preview.visible{display:flex}.ex-cfg-upload-preview img{width:40px;height:40px;object-fit:contain;border-radius:3px}.ex-cfg-upload-preview__name{flex:1;font-size:13px;color:var(--ex-charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-cfg-upload-preview__remove{font-size:18px;color:var(--ex-muted);cursor:pointer;line-height:1;background:none;border:none;padding:2px 6px}.ex-cfg-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ex-cfg-swatch-btn{width:30px;height:30px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:transform .13s,border-color .13s;outline:none}.ex-cfg-swatch-btn:hover{transform:scale(1.12)}.ex-cfg-swatch-btn.active{border-color:var(--ex-charcoal)}.ex-cfg-swatch-add{width:30px;height:30px;border-radius:50%;border:1.5px dashed var(--ex-hairline);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ex-muted);font-size:18px;line-height:1;transition:border-color .13s}.ex-cfg-swatch-add:hover{border-color:var(--ex-heritage)}.ex-cfg-colour-counter{font-family:var(--ex-font-mono);font-size:11.5px;color:var(--ex-muted);margin-top:4px}.ex-cfg-colour-counter.warning{color:var(--ex-alert)}.ex-cfg-width-pills{display:flex;flex-wrap:wrap;gap:8px}.ex-cfg-width-pill{padding:7px 14px;border-radius:var(--ex-radius);border:1.5px solid var(--ex-hairline);background:var(--ex-off-white);font-family:var(--ex-font-mono);font-size:12px;color:var(--ex-charcoal);cursor:pointer;transition:border-color .13s,background .13s}.ex-cfg-width-pill:hover{border-color:var(--ex-heritage)}.ex-cfg-width-pill.active{border-color:var(--ex-signal);background:#f3f7f0}.ex-cfg-field{margin-bottom:16px}.ex-cfg-field label{display:block;font-family:var(--ex-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ex-muted);margin-bottom:6px}.ex-cfg-field input,.ex-cfg-field select,.ex-cfg-field textarea{width:100%;box-sizing:border-box;font-family:var(--ex-font-body);font-size:14px;padding:10px 13px;border:1.5px solid var(--ex-hairline);border-radius:var(--ex-radius);background:var(--ex-warm-white);color:var(--ex-charcoal);outline:none;transition:border-color .14s}.ex-cfg-field input:focus,.ex-cfg-field select:focus,.ex-cfg-field textarea:focus{border-color:var(--ex-heritage)}.ex-cfg-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}@media(max-width:600px){.ex-cfg-2col{grid-template-columns:1fr}}.ex-cfg-review-table{width:100%;border-collapse:collapse;font-size:13.5px;font-family:var(--ex-font-body)}.ex-cfg-review-table td{padding:10px 14px;border-bottom:1px solid var(--ex-light-grey);vertical-align:top}.ex-cfg-review-table td:first-child{font-family:var(--ex-font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ex-muted);white-space:nowrap;width:36%}.ex-cfg-review-table tr:last-child td{border-bottom:none}@media(max-width:900px){.ex-cfg-layout{grid-template-columns:1fr}.ex-cfg-rail{flex-direction:row;overflow-x:auto;padding:14px 16px;gap:4px}.ex-cfg-rail__label{display:none}.ex-cfg-rail__step{padding:8px 12px;font-size:12.5px;white-space:nowrap;flex-shrink:0}.ex-cfg-preview{border-left:none;border-top:1px solid var(--ex-hairline)}}.ex-cfg-progress{display:none;height:3px;background:var(--ex-hairline);border-radius:2px;overflow:hidden;margin-bottom:20px}.ex-cfg-progress-fill{height:100%;background:var(--ex-signal);border-radius:2px;transition:width .3s ease}@media(max-width:900px){.ex-cfg-progress{display:block}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/elastix-configurator.css.map */