.cfg-page{padding:50px 0 0}.cfg-header{text-align:center;padding:0 24px 30px}.cfg-header .eyebrow{display:block;margin-bottom:16px}.cfg-header h1{font-family:var(--font-display);font-size:clamp(28px,5vw,44px);font-weight:400;margin:0;color:var(--color-cream);text-shadow:var(--text-glow-cyan)}@media(min-width:900px){.cfg-page{max-width:1400px;margin:0 auto;padding:50px 32px 0}.cfg-header{padding:0 0 30px}.cfg-preview-wrap,.cfg-form,.cfg-bottom-bar{grid-column:var(--cfg-col, auto)}.cfg-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header header" "preview form" "preview bottom";column-gap:40px;row-gap:0;align-items:start}.cfg-header{grid-area:header}.cfg-preview-wrap{grid-area:preview}.cfg-form{grid-area:form}.cfg-bottom-bar{grid-area:bottom}}.cfg-preview-wrap{position:sticky;top:20px;z-index:10;background:var(--color-bg);padding:10px 0;margin-bottom:24px}.cfg-preview{margin:0 auto;width:100%;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 8px 30px #0006}.cfg-preview--photo{aspect-ratio:1536 / 1024;background-size:cover;background-position:center center;background-color:#0a0d18}.cfg-preview svg{width:100%;height:100%;display:block}@media(min-width:900px){.cfg-preview-wrap{margin-bottom:0;padding:0;box-shadow:none}.cfg-preview{max-width:100%;max-height:none}}@keyframes cfgNeonFlicker{0%,to{opacity:1}50%{opacity:.96}}@keyframes cfgLampFlicker{0%,to{opacity:1}50%{opacity:.95}}.cfg-neon-group{animation:cfgNeonFlicker 4s ease-in-out infinite}.cfg-lamp-bulb{animation:cfgLampFlicker 5s ease-in-out infinite}.cfg-lamp-halo{animation:cfgLampFlicker 6s ease-in-out infinite}.cfg-form{max-width:1280px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(min-width:900px){.cfg-form{max-width:100%;padding:0;grid-template-columns:1fr;gap:0}}.cfg-step{margin-bottom:28px}.cfg-step:last-child{margin-bottom:0}.cfg-step-title{font-family:var(--font-display);font-size:13px;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:6px;text-transform:uppercase}.cfg-step-help{font-family:var(--font-serif);font-size:12px;color:var(--color-text-faint);margin-bottom:16px;font-style:italic}.cfg-input{width:100%;background:transparent;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);padding:14px 16px;font-size:16px;color:var(--color-text);font-family:inherit;outline:none;transition:border-color .2s}.cfg-input:focus{border-color:var(--color-cyan)}.cfg-input.limit-exceeded{border-color:var(--color-magenta)}.cfg-char-row{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;font-family:var(--font-serif);font-style:italic;color:var(--color-text-faint)}.cfg-quote-banner{background:#ff2dd014;border:1px solid var(--color-border-magenta);border-radius:var(--radius-md);padding:18px 20px;display:none;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.cfg-quote-banner.visible{display:flex}.cfg-quote-banner-text{font-family:var(--font-display);font-size:14px;margin-bottom:4px}.cfg-quote-banner-help{font-family:var(--font-serif);font-size:12px;color:var(--color-text-muted);font-style:italic}.cfg-quote-banner-btn{background:var(--color-magenta);color:var(--color-cream);padding:10px 20px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.15em;text-decoration:none;box-shadow:var(--glow-magenta);white-space:nowrap}.cfg-fonts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cfg-font-pill{border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;cursor:pointer;height:56px;display:flex;align-items:center;justify-content:center;transition:all .2s;overflow:hidden;-webkit-user-select:none;user-select:none}.cfg-font-pill:hover{border-color:var(--color-border-cyan)}.cfg-font-pill.active{border-color:var(--color-cyan);background:#00f2ff0f}.cfg-font-pill .cfg-font-display{font-size:16px;line-height:1;max-width:100%}.cfg-colors{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cfg-color-dot{width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .25s ease;flex-shrink:0}.cfg-color-dot:hover{transform:scale(1.08)}.cfg-color-dot.active{transform:scale(1.15);box-shadow:0 0 0 2px var(--color-cream),0 0 0 4px #fff9e64d}.cfg-color-name{font-family:var(--font-serif);font-size:13px;color:var(--color-text-muted);font-style:italic;margin-bottom:14px}.cfg-rgb-toggle{border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;-webkit-user-select:none;user-select:none}.cfg-rgb-toggle:hover{border-color:var(--color-border-cyan)}.cfg-rgb-toggle.active{border-color:var(--color-cyan);background:#00f2ff0f}.cfg-rgb-toggle-content{display:flex;align-items:center;gap:14px}.cfg-rgb-swatch{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff2dd0,#00f2ff,#39ff14,#fe0);flex-shrink:0}.cfg-rgb-title{font-family:var(--font-display);font-size:14px}.cfg-rgb-help{font-family:var(--font-serif);font-size:11px;color:var(--color-text-soft);font-style:italic}.cfg-rgb-badge{font-size:11px;color:var(--color-magenta);letter-spacing:.1em;font-weight:600}.cfg-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#fff9e626;border-radius:999px;outline:none;margin:0}.cfg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-cyan);cursor:pointer;box-shadow:0 0 16px #00f2ffb3;transition:transform .15s}.cfg-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.cfg-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-cyan);cursor:pointer;border:none;box-shadow:0 0 16px #00f2ffb3}.cfg-slider-ticks{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--color-text-faint);letter-spacing:.1em}.cfg-size-display{text-align:center;margin-top:18px;font-family:var(--font-display);font-size:28px;color:var(--color-cyan);text-shadow:0 0 16px rgba(0,242,255,.5)}.cfg-size-display .cfg-size-unit{font-size:16px;opacity:.7}.cfg-bottom-bar{border-top:1px solid var(--color-border);padding:28px 24px;display:flex;justify-content:space-between;align-items:center;background:#00f2ff05;gap:20px}@media(min-width:900px){.cfg-bottom-bar{margin-top:24px;padding:22px 0 32px;border-top:1px solid var(--color-border)}}.cfg-price-block{flex-shrink:0}.cfg-price-label{font-size:11px;color:var(--color-text-soft);letter-spacing:.2em;margin-bottom:6px;text-transform:uppercase}.cfg-price-value{font-family:var(--font-display);font-size:32px;color:var(--color-cyan);text-shadow:0 0 16px rgba(0,242,255,.5);line-height:1}.cfg-price-detail{font-family:var(--font-serif);font-size:11px;color:var(--color-text-soft);font-style:italic;margin-top:6px}.cfg-add-btn{background:var(--color-cyan);color:var(--color-bg);border:none;padding:16px 32px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:.15em;cursor:pointer;box-shadow:var(--glow-cyan);transition:transform .15s,box-shadow .2s;font-family:inherit}.cfg-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-cyan-strong)}.cfg-add-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.cfg-success-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-bg-deep);border:1px solid var(--color-border-cyan);color:var(--color-cyan);padding:16px 24px;border-radius:999px;font-family:var(--font-serif);font-style:italic;font-size:14px;box-shadow:var(--glow-cyan);z-index:100;opacity:0;transition:all .3s ease;pointer-events:none}.cfg-success-toast.visible{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:999px){.cfg-form{grid-template-columns:1fr;gap:24px;padding-bottom:0}.cfg-fonts{grid-template-columns:repeat(3,1fr)}.cfg-bottom-bar{position:sticky;bottom:0;z-index:20;background:var(--color-bg);box-shadow:0 -8px 24px #0006}}@media(max-width:599px){.cfg-page{padding:30px 0 0}.cfg-header{padding:0 16px 20px}.cfg-preview-wrap{position:sticky;top:0;z-index:50;padding:6px 0;margin-bottom:16px;background:var(--color-bg);box-shadow:0 4px 14px #00000080}.cfg-preview{margin:0 16px;max-width:none;aspect-ratio:16 / 9;max-height:35vh;border-radius:10px}.cfg-page:has(.cfg-input:focus) .cfg-preview,.cfg-page.cfg-input-focused .cfg-preview{max-height:22vh;transition:max-height .2s ease}.cfg-form{padding:0 16px 24px;gap:22px}.cfg-fonts{grid-template-columns:repeat(2,1fr);gap:6px}.cfg-font-pill{height:52px;padding:12px 8px}.cfg-font-pill .cfg-font-display{font-size:14px}.cfg-colors{justify-content:space-between;gap:8px}.cfg-color-dot{width:32px;height:32px}.cfg-slider-ticks span:nth-child(2n){display:none}.cfg-size-display{font-size:22px}.cfg-bottom-bar{padding:16px 18px;gap:12px}.cfg-price-value{font-size:24px}.cfg-price-label,.cfg-price-detail{font-size:10px}.cfg-add-btn{padding:13px 22px;font-size:11px;letter-spacing:.1em}.cfg-quote-banner{flex-direction:column;align-items:flex-start;gap:12px}.cfg-quote-banner-btn{align-self:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/configurator.css.map */