.belt-builder{--belt-paper: #f5f5f7;--belt-surface: #ffffff;--belt-ink: #1d1d1f;--belt-muted: #707070;--belt-border: #d2d2d7;--belt-accent: #b93830;--belt-accent-soft: #fbebea;--belt-error: #b42318;--belt-thread: #d8b74a;--belt-rank-gold: #d8b74a;background:var(--belt-paper);color:var(--belt-ink)}.belt-builder__inner{width:min(calc(100% - 2rem),118rem);margin:0 auto;padding:clamp(3.2rem,7vw,7.2rem) 0 6rem}.belt-builder__header{max-width:72rem;margin-bottom:2.4rem}.belt-builder__eyebrow,.belt-builder__preview-kicker{margin:0 0 .8rem;color:var(--belt-accent);font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.belt-builder__heading,.belt-builder__preview-heading{margin:0;color:var(--belt-ink);font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 600)}.belt-builder__heading{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.98;text-wrap:balance}.belt-builder__subheading{max-width:62rem;margin:1.6rem 0 0;color:var(--belt-muted);font-size:1.6rem;line-height:1.6}.belt-builder__order-note{max-width:72rem;margin:1.6rem 0 0;padding:1.2rem 1.4rem;border-left:3px solid var(--belt-accent);background:var(--belt-surface);color:var(--belt-ink);font-size:1.3rem;font-weight:600;line-height:1.5}.belt-builder__progress-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.2rem;margin-bottom:2.4rem;padding:1rem 0;border-block:1px solid var(--belt-border)}.belt-builder__progress-current{min-width:0;margin:0;color:var(--belt-ink);font-size:1.3rem;font-weight:700;overflow-wrap:anywhere}.belt-builder__progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;width:min(28rem,52vw);margin:0;padding:0;list-style:none}.belt-builder__step-button{display:grid;width:100%;min-width:0;min-height:4.4rem;place-items:center;padding:.4rem;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--belt-muted);font:inherit;cursor:pointer}.belt-builder__step-number,.belt-builder__legend-number{display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-variant-numeric:tabular-nums}.belt-builder__step-number{width:2.7rem;height:2.7rem;font-size:1.15rem}.belt-builder__step-button[aria-current=step]{color:var(--belt-accent)}.belt-builder__step-button[aria-current=step] .belt-builder__step-number{border-color:var(--belt-accent);background:var(--belt-accent);color:var(--belt-surface)}.belt-builder__layout{display:grid;gap:2rem;align-items:start}.belt-builder__form-column,.belt-builder__preview-panel{min-width:0}.belt-builder__form,.belt-builder__preview-panel{border:1px solid var(--belt-border);background:var(--belt-surface)}.belt-builder__form{padding:clamp(1.4rem,3vw,2.8rem)}.belt-builder__preview-panel{order:0;padding:clamp(1.4rem,3vw,2.8rem);box-shadow:none}.belt-builder__connection-note{display:grid;gap:.3rem;margin-bottom:1.6rem;padding:1.2rem 1.4rem;border:1px solid var(--belt-border);background:var(--belt-surface);color:var(--belt-ink);font-size:1.3rem;line-height:1.45}.belt-builder__connection-note strong{color:var(--belt-ink)}.belt-builder__connection-note.is-connected{border-color:var(--belt-border);background:var(--belt-surface)}.belt-builder__connection-note.is-connected strong{color:var(--belt-ink)}.belt-builder__error-summary{margin-bottom:1.6rem;padding:1.2rem 1.4rem;border:1px solid var(--belt-error);background:#fff6f5;color:var(--belt-ink)}.belt-builder__error-summary[hidden],.belt-builder__sewing[hidden]{display:none}.belt-builder__error-heading{margin:0 0 .5rem;color:var(--belt-error);font-size:1.6rem}.belt-builder__error-summary ul{margin:0;padding-left:1.8rem}.belt-builder__error-summary a{color:inherit;text-decoration-thickness:1px}.belt-builder__step{margin:0;padding:clamp(1.4rem,3vw,2.8rem);border:1px solid var(--belt-border);background:var(--belt-surface)}.belt-builder.is-enhanced [data-step-panel]:not(.is-active){display:none}.belt-builder__step legend{display:flex;align-items:center;width:100%;gap:1rem;margin-bottom:2rem;padding:0;color:var(--belt-ink);font-family:var(--font-heading-family, inherit);font-size:2.3rem;font-weight:600}.belt-builder__legend-number{width:3.2rem;height:3.2rem;color:var(--belt-accent);font-family:var(--font-body-family, inherit);font-size:1.2rem}.belt-builder__product-note{display:grid;gap:.4rem;margin-bottom:2rem;padding:1.2rem 1.4rem;border-left:3px solid var(--belt-accent);background:var(--belt-paper)}.belt-builder__measurement-note{display:grid;gap:.4rem;margin:-.2rem 0 1.8rem;padding:1rem 1.2rem;border:1px solid var(--belt-border);background:var(--belt-paper);color:var(--belt-muted);font-size:1.25rem;line-height:1.45}.belt-builder__measurement-note strong{color:var(--belt-ink)}.belt-builder__field-label{color:var(--belt-muted);font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.belt-builder__field{display:grid;gap:.65rem;margin-bottom:1.8rem}.belt-builder__field:last-child{margin-bottom:0}.belt-builder__field label,.belt-builder__checkbox-field label{color:var(--belt-ink);font-weight:650}.belt-builder__field input,.belt-builder__field select,.belt-builder__field textarea{box-sizing:border-box;width:100%;min-height:4.4rem;padding:.9rem 1.1rem;border:1px solid var(--belt-border);border-radius:.3rem;background:var(--belt-surface);color:var(--belt-ink);font:inherit;font-size:1.6rem;line-height:1.4}.belt-builder__field textarea{min-height:10rem;resize:vertical}.belt-builder__field input[aria-invalid=true],.belt-builder__field select[aria-invalid=true],.belt-builder__checkbox-field input[aria-invalid=true]{border-color:var(--belt-error)}.belt-builder__help{color:var(--belt-muted);font-size:1.25rem;line-height:1.45}.belt-builder__field-error{color:var(--belt-error);font-size:1.3rem;font-weight:650;line-height:1.4}.belt-builder__field-error[hidden]{display:none}.belt-builder__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.4rem,1fr));gap:.8rem;margin-top:1.2rem}.belt-builder__swatch{position:relative;min-width:4.4rem;min-height:4.4rem;padding:0;border:1px solid rgba(37,35,32,.24);border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 .4rem #fff;cursor:pointer}.belt-builder__swatch[data-color=Gold]{background:linear-gradient(135deg,#8b6816,#f2d978 48%,#b78a1d)}.belt-builder__swatch[data-color=Silver]{background:linear-gradient(135deg,#72757a,#f8fafc 42%,#a9adb3 64%,#eceff3)}.belt-builder__swatch[data-color=Gold].is-selected:after{border-color:var(--belt-accent)}.belt-builder__swatch.is-selected:after{position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;border:2px solid var(--belt-accent);border-radius:inherit;content:""}.belt-builder__swatch:focus-visible{outline:3px solid var(--belt-accent);outline-offset:4px}.belt-builder__review{margin:0 0 2rem;border-top:1px solid var(--belt-border)}.belt-builder__review>div{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--belt-border)}.belt-builder__review dt,.belt-builder__review dd,.belt-builder__preview-details dt,.belt-builder__preview-details dd{margin:0}.belt-builder__review dt,.belt-builder__preview-details dt{color:var(--belt-muted);font-size:1.2rem}.belt-builder__review dd,.belt-builder__preview-details dd{color:var(--belt-ink);overflow-wrap:anywhere}.belt-builder__acknowledgements{margin:0 0 1.6rem;padding:1.2rem;border:1px solid var(--belt-border)}.belt-builder__acknowledgements legend{padding:0 .5rem;color:var(--belt-ink);font-family:var(--font-body-family, inherit);font-size:1.5rem;font-weight:700}.belt-builder__checkbox-field{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.6rem .8rem;align-items:start;margin-top:1.2rem}.belt-builder__checkbox-field input{width:2rem;height:2rem;margin:.2rem;accent-color:var(--belt-accent)}.belt-builder__checkbox-field .belt-builder__field-error{grid-column:2}.belt-builder__submit-note{margin:0 0 1.6rem;color:var(--belt-muted);font-size:1.3rem;line-height:1.5}.belt-builder__button{display:inline-flex;align-items:center;justify-content:center;min-width:10rem;min-height:4.4rem;padding:.9rem 1.5rem;border:1px solid var(--belt-ink);border-radius:.3rem;background:var(--belt-surface);color:var(--belt-ink);font:inherit;font-weight:700;line-height:1.2;cursor:pointer}.belt-builder__button--primary{border-color:var(--belt-accent);background:var(--belt-accent);color:#fff}.belt-builder__button:disabled{border-color:var(--belt-border);background:#e9e9ed;color:var(--belt-muted);cursor:not-allowed}.belt-builder__button[hidden],.belt-builder__standard-purchase[hidden],.belt-builder__custom-maker-quote[hidden]{display:none}.belt-builder__custom-maker-quote{margin:0 0 1.6rem;padding:1.4rem;border:1px solid var(--belt-accent);background:var(--belt-accent-soft);color:var(--belt-ink)}.belt-builder__custom-maker-quote strong{display:block;margin-bottom:.5rem}.belt-builder__custom-maker-quote p{margin:0 0 1rem;color:var(--belt-muted);font-size:1.3rem;line-height:1.5}.belt-builder__custom-maker-quote .belt-builder__button{width:100%}.belt-builder__navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem}.belt-builder__preview-heading{font-size:2.8rem}.belt-builder__preview-note{margin:.8rem 0 1.6rem;color:var(--belt-muted);font-size:1.3rem;line-height:1.5}.belt-builder__preview-stage{--preview-thread: #d8b74a;--preview-rank-color: #d8b74a;--preview-character-height: 2.5cm;--preview-character-gap: .5cm;--preview-name-gap: 1cm;--preview-rank-thickness: .9cm;--preview-rank-gap: .5cm;--preview-assembly-width: 100%;--preview-assembly-scale: 1;container-type:inline-size;isolation:isolate;position:relative;display:grid;width:100%;min-height:clamp(16rem,28cqw,24rem);margin:0 auto;overflow:hidden;border:1px solid rgba(29,29,31,.1);border-radius:6px;background:linear-gradient(145deg,#f7f3ec,#e7dfd3);box-shadow:inset 0 1px #ffffffb3}.belt-builder__preview-belt{position:absolute;z-index:1;top:50%;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:minmax(0,1fr);align-items:center;column-gap:clamp(.35rem,2cqw,1rem);width:var(--preview-assembly-width);height:clamp(4.4rem,12.5cqw,9rem);padding:0 clamp(.5rem,2.5cqw,1.5rem);overflow:hidden;transform:translate3d(0,-50%,0) scale(var(--preview-assembly-scale));transform-origin:center right;border-block:1px solid rgba(255,255,255,.14);border-radius:4px;background:repeating-linear-gradient(10deg,rgba(255,255,255,.045) 0 1px,transparent 1px 6px),linear-gradient(180deg,#252529,#0b0b0d 48%,#1c1c20);box-shadow:inset 0 .5rem 1rem #ffffff0a,inset 0 -.6rem 1.2rem #00000080,0 1.2rem 2.4rem #1d1d1f3d;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.belt-builder__preview-embroidery{display:grid;width:100%;min-width:0;min-height:0;height:100%;place-items:center;align-content:center;gap:clamp(.08rem,.8cqw,.35rem);padding-inline:clamp(.35rem,1.4cqw,1rem);overflow:hidden;color:var(--preview-thread);text-align:center}.belt-builder__preview-embroidery>span:not(.belt-builder__preview-context){display:block;width:max-content;max-width:none;overflow:visible;color:var(--preview-thread);font-size:var(--preview-name-font-size, var(--preview-name-font-base, clamp(3.4rem, 16cqw, var(--preview-character-height))));font-weight:700;letter-spacing:.03em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.2);transform:translateY(-.085em);white-space:nowrap}.belt-builder__preview-belt[data-thread=Gold] .belt-builder__preview-embroidery span:not(.belt-builder__preview-context){background:linear-gradient(180deg,#fff0a8,#d8b74a 52%,#9f7512);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.belt-builder__preview-belt[data-thread=Silver] .belt-builder__preview-embroidery span:not(.belt-builder__preview-context){background:linear-gradient(180deg,#fff,#c8ccd2 48%,#74787e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.belt-builder__preview-japanese{margin-top:clamp(.05rem,.6cqw,var(--preview-name-gap))}.belt-builder__preview-context{display:flex;max-width:100%;min-width:0;justify-content:center;gap:clamp(.35rem,2cqw,1rem);overflow:hidden;color:var(--preview-thread);font-size:var(--preview-context-font-size, clamp(.8rem, 6.4cqw, 1cm));font-weight:650;letter-spacing:.03em;line-height:1;white-space:nowrap}.belt-builder__preview-context[hidden],.belt-builder__preview-context span[hidden],.belt-builder__preview-belt.is-display-latin .belt-builder__preview-japanese,.belt-builder__preview-belt.is-display-katakana .belt-builder__preview-roman{display:none}.belt-builder__preview-belt.is-font-gyosho .belt-builder__preview-embroidery{font-family:cursive;font-style:italic}.belt-builder__preview-belt.is-height-2 .belt-builder__preview-embroidery{--preview-name-font-base: clamp(2.8rem, 12.8cqw, 2cm)}.belt-builder__preview-belt.is-height-25 .belt-builder__preview-embroidery{--preview-name-font-base: clamp(3.4rem, 16cqw, 2.5cm)}.belt-builder__preview-belt.is-height-3 .belt-builder__preview-embroidery{--preview-name-font-base: clamp(4rem, 19.2cqw, 3cm)}.belt-builder__preview-belt.is-display-both .belt-builder__preview-embroidery{width:88%;max-width:88%;gap:clamp(.08rem,1.5625cqw,.5cm)}.belt-builder__preview-belt.has-rank-lines.is-display-both .belt-builder__preview-embroidery{--preview-name-font-base: clamp(2.4rem, 11.5cqw, 1.8cm)}.belt-builder__preview-belt.has-rank-lines:not(.is-long-text).is-display-both .belt-builder__preview-embroidery span{overflow:visible;text-overflow:clip}.belt-builder__preview-belt.is-long-text .belt-builder__preview-embroidery{--preview-name-font-base: clamp(2.8rem, 12.8cqw, 2cm)}.belt-builder__preview-belt.is-decoration-shadow .belt-builder__preview-embroidery{text-shadow:.14rem .14rem rgba(37,35,32,.7)}.belt-builder__preview-belt.is-decoration-outline .belt-builder__preview-embroidery{text-shadow:-.07rem -.07rem 0 #fff,.07rem -.07rem 0 #fff,-.07rem .07rem 0 #fff,.07rem .07rem 0 #fff}.belt-builder__preview-rank{align-self:stretch;display:flex;width:max-content;max-width:100%;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:clamp(.3rem,1.1cqw,var(--preview-rank-gap));overflow:hidden}.belt-builder__preview-rank i{display:block;width:clamp(.45rem,2cqw,var(--preview-rank-thickness));min-width:clamp(.45rem,2cqw,var(--preview-rank-thickness));height:auto;border-radius:0;background:var(--preview-rank-color);box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #0000002e}.belt-builder__preview-rank[hidden],.belt-builder__preview-rank i[hidden]{display:none}.belt-builder__preview-mark{align-self:stretch;display:grid;width:clamp(4.8rem,15cqw,9rem);height:auto;min-width:0;margin-block:clamp(.35rem,1.2cqw,.75rem);place-items:center;padding:.25rem;border:1px dashed rgba(255,255,255,.42);border-left:1px solid rgba(255,255,255,.35);border-radius:2px;color:#ffffffd1;background:#ffffff14;font-size:clamp(.55rem,2cqw,.9rem);font-weight:700;letter-spacing:.08em;line-height:1.05;text-align:center;text-wrap:balance;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 .6rem #00000059}.belt-builder__preview-stage.is-long-name .belt-builder__preview-embroidery>span:not(.belt-builder__preview-context){letter-spacing:0}.belt-builder__preview-stage.is-long-name .belt-builder__preview-belt{border-radius:0}.belt-builder__preview-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0 0}.belt-builder__preview-details>div{display:grid;gap:.25rem}.belt-builder__preview-live{min-height:2rem;margin:1.4rem 0 0;color:var(--belt-muted);font-size:1.2rem}.belt-builder__sewing{position:relative;display:grid;min-height:11rem;place-items:center;margin:0 0 1.5rem;overflow:hidden;border:1px solid var(--belt-border);background:#ececef;color:var(--belt-muted);font-size:1.3rem}.belt-builder__sewing-belt-tip{position:absolute;left:12%;bottom:2.8rem;width:48%;height:1.8rem;background:#292724}.belt-builder__sewing-machine{position:absolute;top:1.8rem;right:22%;width:5.8rem;height:3.6rem;border:.7rem solid var(--belt-ink);border-bottom:0;border-radius:1.2rem 1.2rem 0 0;opacity:0;transform:translateY(-1.4rem)}.belt-builder__needle{position:absolute;top:4.7rem;right:32%;width:1px;height:3rem;background:var(--belt-accent);opacity:0;transform:translateY(-1.4rem)}.belt-builder__stitches{position:absolute;left:31%;bottom:3.55rem;width:26%;border-top:2px dotted var(--belt-accent);opacity:0;transform:scaleX(.1);transform-origin:left}.belt-builder.is-sewing .belt-builder__sewing-belt-tip{animation:belt-builder-tip .72s ease both}.belt-builder.is-sewing .belt-builder__sewing-machine{animation:belt-builder-machine .72s ease both}.belt-builder.is-sewing .belt-builder__needle{animation:belt-builder-needle .36s ease-in-out .28s 2 both}.belt-builder.is-sewing .belt-builder__stitches{animation:belt-builder-stitches .52s ease .44s both}.belt-builder.is-sewing [data-review-content]{opacity:.25;transform:translateY(.5rem);transition:transform .16s ease,opacity .16s ease}.belt-builder.is-review-ready [data-review-content]{opacity:1;transform:translateY(0)}@keyframes belt-builder-tip{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes belt-builder-machine{0%{opacity:0;transform:translateY(-1.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes belt-builder-needle{0%,to{opacity:1;transform:translateY(-1.4rem)}50%{opacity:1;transform:translateY(1.2rem)}}@keyframes belt-builder-stitches{0%{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}.belt-builder__step-button:hover,.belt-builder__button:not(:disabled):hover{opacity:.86}.belt-builder__field input:focus-visible,.belt-builder__field select:focus-visible,.belt-builder__field textarea:focus-visible,.belt-builder__checkbox-field input:focus-visible,.belt-builder__button:focus-visible,.belt-builder__step-button:focus-visible,.belt-builder__error-summary:focus-visible{outline:3px solid var(--belt-accent);outline-offset:2px}@media screen and (min-width:600px){.belt-builder__inner{width:min(calc(100% - 4rem),118rem)}.belt-builder__step[data-step-panel="2"],.belt-builder__step[data-step-panel="5"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.6rem}.belt-builder__step[data-step-panel="2"] legend,.belt-builder__step[data-step-panel="5"] legend,.belt-builder__step[data-step-panel="5"] .belt-builder__measurement-note,.belt-builder__step[data-step-panel="5"] .belt-builder__field:last-child{grid-column:1 / -1}}@media screen and (max-width:599px){.belt-builder__inner{padding-top:1.8rem}.belt-builder__header{margin-bottom:1rem}.belt-builder__heading{font-size:clamp(3.2rem,10vw,4.2rem);line-height:1}.belt-builder__subheading{display:none}.belt-builder__order-note{margin-top:.8rem;padding:.8rem 1rem;font-size:1.2rem}.belt-builder__progress-nav{grid-template-columns:1fr;gap:.2rem;margin-bottom:1rem;padding-block:.6rem}.belt-builder__progress{width:100%}.belt-builder__step-button{min-width:4.4rem}.belt-builder__layout{display:flex;flex-direction:column;gap:1.2rem}.belt-builder__preview-panel{order:-1;width:100%}.belt-builder__preview-panel{padding:1rem}.belt-builder__preview-kicker{display:none}.belt-builder__preview-heading{font-size:1.8rem}.belt-builder__preview-note{display:none}.belt-builder__preview-stage{min-height:8rem;margin-top:.4rem;padding:.5rem}.belt-builder__preview-details,.belt-builder__preview-live{display:none}.belt-builder__connection-note{display:block;margin-bottom:.8rem;padding:.6rem .8rem;font-size:1.1rem;line-height:1.35}.belt-builder__connection-note strong{margin-right:.3rem}.belt-builder__connection-note.is-connected{display:none}}@media screen and (min-width:600px)and (max-width:899px){.belt-builder__layout{display:flex;flex-direction:column;gap:2rem}.belt-builder__preview-panel{order:-1;width:100%}}@media screen and (min-width:900px){.belt-builder__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3.2rem}.belt-builder__preview-panel{position:sticky;top:2rem;order:0}}@media screen and (max-width:389px){.belt-builder__progress{width:100%;gap:.15rem}.belt-builder__step-button{padding:.2rem}.belt-builder__step-number{width:2.45rem;height:2.45rem}.belt-builder__progress-current{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.belt-builder *,.belt-builder *:before,.belt-builder *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.belt-builder.is-sewing .belt-builder__sewing-machine,.belt-builder.is-sewing .belt-builder__needle,.belt-builder.is-sewing .belt-builder__stitches,.belt-builder.is-sewing [data-review-content]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/belt-builder.css.map */
