.builder-step--components{margin-bottom:14px;padding-bottom:14px;border-bottom:0}.component-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:14px;padding:4px;border:1px solid var(--line, #ded4c9);background:#ffffff61}.component-tabs button{min-height:42px;padding:8px 10px;border:0;color:var(--ink, #2f2730);background:transparent;font-size:.7rem;font-weight:650;letter-spacing:.05em;cursor:pointer}.component-tabs button.is-active{color:#fff;background:var(--wine, #4a243a)}.component-panel[hidden]{display:none}.component-panel__note{margin:0 0 12px;color:var(--muted, #756e76);font-size:.68rem;line-height:1.5}.component-empty{display:grid;gap:7px;padding:22px 18px;border:1px dashed var(--line, #ded4c9);color:var(--muted, #756e76);font-size:.72rem;line-height:1.55}.component-empty[hidden]{display:none}.component-empty strong{color:var(--ink, #2f2730);font-family:var(--serif, Georgia, serif);font-size:1rem;font-weight:400}.component-option--spacer .crystal-swatch-frame{border-radius:12px;background:linear-gradient(145deg,#f5f0e8,#e4ddd3)}.component-option--spacer .crystal-swatch{border-radius:0;object-fit:contain;transform:none}.spacer-variant-options{display:flex;flex-wrap:wrap;gap:6px;padding:0 48px 14px 117px}.spacer-variant-options button{min-width:46px;min-height:31px;padding:5px 8px;border:1px solid var(--line, #ded4c9);color:var(--ink, #2f2730);background:#ffffffbd;font-size:.67rem;cursor:pointer}.spacer-variant-options button.is-active{border-color:var(--wine, #4a243a);color:#fff;background:var(--wine, #4a243a)}.spacer-variant-options button:disabled{opacity:.38;cursor:not-allowed}.spacer-swatch--empty{position:relative;border-radius:0;background:transparent}.spacer-swatch--empty:before{position:absolute;top:19px;right:29px;bottom:19px;left:29px;content:"";border:3px solid #b8aaa1;border-radius:45%;background:linear-gradient(90deg,#8f817a,#f4efe8 38%,#aaa09b 68%,#776a64);box-shadow:inset 0 0 0 4px #f4efe9,0 4px 9px #2d24282e}.builder-bead--crystal{width:var(--component-width, var(--bead-px));height:var(--component-height, var(--bead-px));margin-left:calc(var(--component-width, var(--bead-px)) / -2);margin-top:calc(var(--component-height, var(--bead-px)) / -2)}.builder-bead--spacer{width:var(--component-width);height:var(--component-height);margin-left:calc(var(--component-width) / -2);margin-top:calc(var(--component-height) / -2);overflow:visible;border:0;border-radius:38%;background:linear-gradient(90deg,#766b66,#eae4dc 25%,#a79b95 52%,#f8f5f0 73%,#83756f);box-shadow:inset 0 0 0 1px #ffffffa6,0 6px 13px #2a20263d}.builder-bead--spacer img{width:100%;height:100%;border-radius:0;object-fit:fill;mix-blend-mode:normal;transform:none}.builder-bead__surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:inherit;color:inherit;background:transparent;cursor:pointer}.builder-bead__remove{position:absolute;top:-9px;right:-9px;z-index:6;width:25px;height:25px;display:grid;place-items:center;padding:0 0 1px;border:1px solid rgba(74,36,58,.24);border-radius:50%;color:#fff;background:var(--wine, #4a243a);box-shadow:0 4px 12px #2a20263d;font:400 17px/1 Arial,sans-serif;opacity:0;transform:rotate(var(--control-rotation));transition:opacity .15s ease,scale .15s ease;cursor:pointer}.builder-bead:hover .builder-bead__remove,.builder-bead:focus-within .builder-bead__remove{opacity:1}.builder-bead__remove:hover,.builder-bead__remove:focus-visible{scale:1.12;outline:2px solid #fff;outline-offset:1px}.builder-add-component{width:100%;min-height:44px;margin-top:14px;border:1px solid var(--wine, #4a243a);color:var(--wine, #4a243a);background:transparent;font-size:.72rem;font-weight:650;letter-spacing:.04em;cursor:pointer}.builder-add-component:hover,.builder-add-component:focus-visible{color:#fff;background:var(--wine, #4a243a)}.builder-remove-hint,.builder-material-note{color:var(--muted, #756e76);font-size:.68rem;line-height:1.55}.builder-remove-hint{margin:8px 0 0;text-align:center}.builder-material-note{margin:16px 0 0;padding:14px 0;border-top:1px solid var(--line, #ded4c9);border-bottom:1px solid var(--line, #ded4c9)}.builder-fit-status{max-width:150px;font-size:.72rem;font-weight:650;line-height:1.35}.builder-fit-status.is-ready{color:#486c55}.builder-fit-status.needs-adjustment{color:#9a5d43}.completion-modal{width:min(640px,calc(100% - 28px))}.completion-modal__content{padding:clamp(46px,8vw,78px) clamp(28px,8vw,76px) 52px;text-align:center}.completion-modal__spark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid rgba(180,145,86,.52);border-radius:50%;color:var(--gold, #b49156);font-size:1.7rem;animation:completion-spark .7s ease both}.completion-modal__content h3{margin:12px 0 22px;font-family:var(--serif, Georgia, serif);font-size:clamp(2rem,6vw,3.25rem);font-weight:400;line-height:1.06}.completion-modal__content>p:not(.eyebrow){color:var(--muted, #756e76);line-height:1.7}.completion-modal__details{display:flex;justify-content:center;gap:18px;margin:28px 0;color:var(--wine, #4a243a);font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.completion-modal__details span+span:before{margin-right:18px;color:var(--gold, #b49156);content:"\2726"}.completion-modal__add{width:100%}.completion-modal__content small{display:block;margin-top:20px;color:var(--muted, #756e76);font-size:.66rem;line-height:1.55}@keyframes completion-spark{0%{opacity:0;transform:scale(.65) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.builder-bead--spacer:hover img,.builder-bead--spacer:focus-visible img{transform:none}.builder-spacer-placeholder{position:absolute;top:9%;right:5%;bottom:9%;left:5%;display:block;border-radius:38%;background:linear-gradient(90deg,#746862,#f4efe9 32%,#a99e98 58%,#f8f5ef 76%,#786b65)}.builder-summary dl>div{gap:20px}.builder-summary dd{text-align:right}.bracelet-center{max-width:150px}.bracelet-center img{width:auto;max-width:120px;max-height:70px;margin:0 auto 10px;object-fit:contain}.bracelet-center small{display:block}@media(max-width:1100px){.component-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.builder-controls{padding:24px 18px}.component-tabs{position:sticky;top:0;z-index:3;background:#fbf8f2}.component-tabs button{min-height:46px}.component-panel .crystal-list{max-height:440px}.bracelet-ring{width:min(430px,100%)}.builder-bead__remove{width:27px;height:27px;opacity:1}.completion-modal__details{flex-direction:column;gap:8px}.completion-modal__details span+span:before{display:none}}@media(max-width:430px){.component-option .crystal-select{grid-template-columns:78px minmax(0,1fr);gap:13px;padding-right:44px}.component-option .crystal-swatch-frame{width:78px;height:78px}.spacer-variant-options{padding:0 44px 14px 109px}.builder-canvas{padding:18px 12px}.builder-canvas__actions{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/builder-components.css.map */