.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{display:block;width:100%;box-sizing:border-box;margin-bottom:16px;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;margin-bottom:16px}.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}}.ex-cfg-rail__step{background:none;border:0;width:100%;text-align:left}.ex-cfg-rail__step:disabled{cursor:default}.ex-cfg-rail__step:focus-visible,.ex-cfg-option:focus-visible{outline:2px solid var(--ex-signal);outline-offset:2px}.ex-cfg-rail__step.skipped{opacity:.3;text-decoration:line-through;pointer-events:none}button.ex-cfg-option{font:inherit;color:inherit;text-align:left;width:100%;display:block}.ex-cfg-option__list{list-style:none;margin:10px 0 0;padding:0;font-size:12px;line-height:1.45;color:var(--ex-charcoal)}.ex-cfg-option__list li{padding-left:16px;position:relative;margin-bottom:3px}.ex-cfg-option__list li:before{position:absolute;left:0;font-weight:700}.ex-cfg-option__li--plus:before{content:"+";color:var(--ex-signal)}.ex-cfg-option__li--minus:before{content:"\2013";color:var(--ex-alert)}.ex-cfg-option__li--use{color:var(--ex-muted)}.ex-cfg-option__li--use:before{content:"\203a";color:var(--ex-muted)}.ex-cfg-option__moq{margin-top:10px;font-family:var(--ex-font-mono);font-size:11px;color:var(--ex-muted)}.ex-cfg-wrap .ex-option-pill{position:relative;padding:10px 14px}.ex-cfg-wrap .ex-option-pill input[type=radio]{display:block;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.ex-cfg-wrap .ex-option-pill:focus-within{outline:2px solid var(--ex-signal);outline-offset:2px}.ex-cfg-wrap .ex-option-pill.disabled{opacity:.4;pointer-events:none}.ex-cfg-pill-row{display:flex;flex-wrap:wrap;gap:8px}.ex-cfg-width-pill:disabled{opacity:.5;cursor:not-allowed}.ex-cfg-width-pill:focus-visible{outline:2px solid var(--ex-signal);outline-offset:2px}.ex-cfg-help{font-size:12px;color:var(--ex-muted);margin:6px 0 0;line-height:1.5}.ex-cfg-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13.5px;color:var(--ex-charcoal);line-height:1.45}.ex-cfg-check input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--ex-signal)}.ex-cfg-subhead{font-family:var(--ex-font-heading);font-size:15px;font-weight:600;margin:8px 0 0;color:var(--ex-charcoal)}.ex-cfg-colour-input{width:44px;height:40px;border:1.5px solid var(--ex-hairline);border-radius:var(--ex-radius);cursor:pointer;padding:2px;background:var(--ex-warm-white)}.ex-cfg-swatch-btn:focus-visible{outline:2px solid var(--ex-signal);outline-offset:2px}.ex-cfg-swatch-btn{box-shadow:inset 0 0 0 1px #0000001f}.ex-cfg-logo-colour{position:relative;display:inline-flex}.ex-cfg-logo-colour__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:1px solid var(--ex-hairline);background:var(--ex-warm-white);font-size:12px;line-height:1;cursor:pointer;color:var(--ex-muted)}.ex-cfg-field input[aria-invalid=true]{border-color:var(--ex-alert)}.ex-cfg-error div+div{margin-top:4px}.ex-cfg-msg--error{border-color:var(--ex-alert);color:var(--ex-alert);background:#fbefec}#ex-cfg-art-messages p{margin:8px 0 0}.ex-cfg-explainer{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;font-size:13px;line-height:1.5;color:var(--ex-charcoal)}.ex-cfg-explainer svg{width:100%;height:auto;font-family:var(--ex-font-mono)}.ex-cfg-explainer p{margin:0}.ex-cfg-repeat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.ex-cfg-repeat-grid .ex-cfg-field{margin-bottom:0}#ex-cfg-canvas{height:auto;max-height:none;image-rendering:auto}.ex-cfg-wrap [hidden]{display:none!important}@media(max-width:600px){.ex-cfg-options,.ex-cfg-options--2col,.ex-cfg-explainer,.ex-cfg-repeat-grid{grid-template-columns:1fr}}.ex-cfg-view-tabs{display:flex;gap:4px;background:var(--ex-warm-white);border:1px solid var(--ex-hairline);border-radius:var(--ex-radius);padding:3px}.ex-cfg-view-tab{flex:1;border:0;background:none;border-radius:3px;padding:6px 4px;font-family:var(--ex-font-mono);font-size:11px;letter-spacing:.04em;color:var(--ex-muted);cursor:pointer}.ex-cfg-view-tab:hover{color:var(--ex-charcoal)}.ex-cfg-view-tab.active{background:var(--ex-heritage);color:#fff}.ex-cfg-view-tab:focus-visible{outline:2px solid var(--ex-signal);outline-offset:2px}.ex-cfg-svg{padding:6px 8px 8px;color:var(--ex-muted)}.ex-cfg-svg svg{display:block;width:100%;height:auto;overflow:visible}.ex-cfg-svg--review{background:#fff;border:1px solid var(--ex-hairline);border-radius:var(--ex-radius-card);padding:12px 14px;margin-bottom:8px}.ex-cfg-view-note{font-size:11.5px;color:var(--ex-muted);line-height:1.5;margin:-6px 0 0;min-height:3em}.ex-pv-dims{color:var(--ex-heritage)}.ex-pv-dim-gap{color:var(--ex-signal)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/elastix-configurator.css.map */