@layer components{.rainbow-builder{padding-top:var(--space-5);padding-bottom:20px}.rainbow-builder__inner{max-width:900px;margin-inline:auto;padding-inline:var(--content-pad)}.rainbow-builder__act.rainbow-builder__act--inline{padding:10px 22px;font-size:16px}.rainbow-builder__reset-inline{align-self:flex-start;margin-top:6px;margin-left:var(--space-3);order:999}.rainbow-builder__head{text-align:center;margin-bottom:var(--space-7)}.rainbow-builder__script{display:block;font-family:var(--font-script);font-size:var(--fs-lg);color:var(--brand-terracotta)}.rainbow-builder__heading{font-family:var(--font-display);font-weight:var(--fw-display);font-size:81px;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--ink-deep);margin:var(--space-1) 0 var(--space-3)}.rainbow-builder__lede{color:var(--muted);max-width:60ch;margin-inline:auto;font-size:var(--fs-sm)}.rainbow-builder__lede p{margin:0}.rainbow-builder__block{margin-bottom:var(--space-7)}.rainbow-builder__step{text-align:center;font-size:var(--fs-3xs);font-weight:var(--fw-strong);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-4)}.rainbow-builder__step b{color:var(--brand-terracotta);font-weight:var(--fw-strong)}.rainbow-builder__step--sub{margin:var(--space-4) 0 var(--space-3)}.rainbow-builder__rail{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.rainbow-builder__rail{flex-wrap:nowrap}.rainbow-builder__shape-btn{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;padding:var(--space-2);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.rainbow-builder__shape-btn:hover{transform:translateY(-1px)}.rainbow-builder__shape-btn[aria-pressed=true]{border-color:var(--brand-terracotta);box-shadow:0 0 0 2px var(--brand-terracotta)}.rainbow-builder__shape-btn svg{max-width:100%;max-height:100%;width:auto;height:auto}.rainbow-builder__stage{position:relative;height:448px;background-color:var(--paper-tint);background-image:var(--paper-grain-url);background-size:200px;background-blend-mode:var(--paper-grain-blend);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.rainbow-builder__modes{position:absolute;top:var(--space-2);left:50%;transform:translate(-50%);z-index:2;display:inline-flex;gap:2px;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-1)}.rainbow-builder__modes button{border:0;background:transparent;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-2xs);font-weight:var(--fw-emphasis);color:var(--ink);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.rainbow-builder__modes button[hidden]{display:none}.rainbow-builder__modes button[aria-pressed=true]{background:var(--brand-terracotta);color:var(--paper)}.rainbow-builder__mode{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.rainbow-builder__mode.is-active{display:flex;flex-direction:column;align-items:center;justify-content:center}.rainbow-builder__mode--builder{padding:var(--space-5);padding-top:var(--space-6)}.rainbow-builder__mode--mockup{padding:var(--space-3);padding-top:var(--space-6)}.rainbow-builder__mode--mockup img{width:100%;height:100%;object-fit:contain;display:block}.rainbow-builder__mode--diagram{padding:var(--space-5);padding-top:var(--space-6);gap:var(--space-1)}.rainbow-builder__preview{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:var(--fs-sm);text-align:center}.rainbow-builder__preview svg{max-width:100%;max-height:100%;width:auto;height:auto;display:block;transition:transform var(--dur-base) var(--ease-standard)}.rainbow-builder__diagram{flex:1 1 auto;min-height:0;width:100%;max-width:520px;display:flex;align-items:center;justify-content:center;color:var(--ink-deep)}.rainbow-builder__diagram svg{width:100%;height:100%;max-height:100%;display:block}.rainbow-builder__diagram--orient svg,.rainbow-builder__mode--diagram[data-mode-panel=orient] svg{transition:transform var(--dur-base) var(--ease-standard)}.rainbow-builder__diagram-label{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--ink)}.rainbow-builder__diagram-dim{font-family:var(--font-script);font-size:var(--fs-md);color:var(--brand-terracotta);margin-top:-2px}.rainbow-builder [data-band]{transition:fill var(--dur-fast) var(--ease-standard)}@media(prefers-reduced-motion:reduce){.rainbow-builder [data-band],.rainbow-builder__preview svg,.rainbow-builder__mode--diagram svg,.rainbow-builder__modes button{transition:none}}.rainbow-builder__seg{display:flex;justify-content:center}.rainbow-builder__grp{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:100%}.rainbow-builder__grp[hidden]{display:none}.rainbow-builder__grp button{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-emphasis);color:var(--ink);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.rainbow-builder__grp button:hover{border-color:var(--brand-terracotta)}.rainbow-builder__grp button[aria-pressed=true]{background:var(--brand-terracotta);border-color:var(--brand-terracotta);color:var(--paper)}.rainbow-builder__dim{font-family:var(--font-script);font-size:var(--fs-xs);font-weight:var(--fw-body);line-height:1;opacity:.85}.rainbow-builder__orient{text-align:center}.rainbow-builder__constraint{text-align:center;font-family:var(--font-script);font-size:var(--fs-md);color:var(--brand-terracotta);margin:var(--space-3) 0 0}.rainbow-builder__constraint[hidden]{display:none}.rainbow-builder__bands{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-2)}.rainbow-builder__swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:76px}.rainbow-builder__swatch input[type=color]{appearance:none;-webkit-appearance:none;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);background:none;cursor:pointer;flex:0 0 auto}.rainbow-builder__swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.rainbow-builder__swatch input[type=color]::-webkit-color-swatch{border:0;border-radius:calc(var(--radius-md) - 1px)}.rainbow-builder__hex{width:100%;text-align:center;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:var(--fs-3xs);text-transform:uppercase;color:var(--ink-deep);padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.rainbow-builder__band-label{font-size:var(--fs-3xs);color:var(--muted)}.rainbow-builder__presets{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.rainbow-builder__preset{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.rainbow-builder__preset:hover{border-color:var(--brand-terracotta);transform:translateY(-1px)}.rainbow-builder__preset-ramp{display:inline-flex;flex:0 0 auto}.rainbow-builder__preset-ramp i{width:15px;height:15px;border-radius:var(--radius-xs)}.rainbow-builder__preset-ramp i+i{margin-left:-2px}.rainbow-builder__preset-name{font-size:var(--fs-xs);font-weight:var(--fw-emphasis);color:var(--ink-deep)}.rainbow-builder__actions{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.rainbow-builder__act{padding:var(--space-3) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-emphasis);color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard)}.rainbow-builder__act:hover{border-color:var(--ink-deep)}.rainbow-builder__act--primary{flex:0 0 auto;max-width:480px;justify-content:center;white-space:nowrap}.rainbow-builder__act--primary [data-add-to-cart-label],.rainbow-builder__act--primary [data-add-to-cart-price]{display:inline}.rainbow-builder__act.rainbow-builder__act--primary,.rainbow-builder__act.rainbow-builder__act--primary.btn.btn--primary{background:var(--brand-terracotta);border-color:var(--brand-terracotta);color:var(--paper)}.rainbow-builder__act.rainbow-builder__act--primary:hover,.rainbow-builder__act.rainbow-builder__act--primary.btn.btn--primary:hover{background:var(--brand-terracotta);border-color:var(--brand-terracotta);color:var(--paper);filter:brightness(.92)}.rainbow-builder__summary{text-align:center;color:var(--ink);font-size:var(--fs-sm);margin:0}.rainbow-builder__cart-note{text-align:center;font-family:var(--font-script);font-size:var(--fs-md);color:var(--muted);margin:var(--space-1) 0 0}.rainbow-builder__error{text-align:center;color:var(--ink-deep);font-size:var(--fs-xs);margin-top:var(--space-2)}.rainbow-builder__error.is-success{color:var(--brand-sage)}.rainbow-builder__shape-btn:focus-visible,.rainbow-builder__preset:focus-visible,.rainbow-builder__grp button:focus-visible,.rainbow-builder__act:focus-visible,.rainbow-builder__swatch input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:700px){.rainbow-builder__stage{height:320px}.rainbow-builder__presets{grid-template-columns:1fr}.rainbow-builder__actions{flex-direction:column;align-items:stretch}.rainbow-builder__act--primary{max-width:none}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rainbow-builder.css.map */