.bracelet-builder{--bb-ink: rgb(var(--color-foreground));--bb-line: rgba(var(--color-foreground), .14);--bb-soft: rgba(var(--color-foreground), .055);--bb-pick-shadow: inset 0 0 0 .1rem var(--bb-ink), 0 .25rem .9rem rgba(var(--color-foreground), .16);--bb-photoreal-bead-shadow: drop-shadow(.18rem .24rem .32rem rgba(0,0,0,.22));color:var(--bb-ink)}.bracelet-builder__shell{max-width:148rem}.bracelet-builder__header{max-width:76rem;margin-bottom:4rem}.bracelet-builder__eyebrow{margin:0 0 1rem;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase}.bracelet-builder__title{margin:0;font-size:clamp(3.8rem,6vw,7.6rem);line-height:.95;letter-spacing:-.045em}.bracelet-builder__intro{max-width:62rem;margin:1.8rem 0 0;color:rgba(var(--color-foreground),.7);font-size:1.6rem}.bracelet-builder__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(38rem,.88fr);gap:clamp(3rem,6vw,9rem);align-items:start}.bracelet-builder__stage{position:sticky;top:2rem;min-height:68rem;padding:2rem;border:.1rem solid var(--bb-line);border-radius:.4rem;background:var(--bb-soft)}.bracelet-builder__stage-topline{display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase}.bracelet-builder__stage-actions{display:flex;align-items:center;gap:1.4rem}.bracelet-builder__move-toggle{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.4rem;border:.1rem solid var(--bb-line);border-radius:999px;color:rgba(var(--color-foreground),.7);background:transparent;font:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.bracelet-builder__move-toggle:hover{border-color:rgba(var(--color-foreground),.45);color:rgb(var(--color-foreground))}.bracelet-builder__move-toggle[aria-pressed=true]{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.bracelet-builder__text-button{display:inline-flex;align-items:center;min-height:4.4rem;padding:.4rem 0;border:0;border-bottom:.1rem solid currentColor;color:inherit;background:transparent;font:inherit;cursor:pointer}.bracelet-builder__text-button:disabled{cursor:not-allowed;opacity:.35}.bracelet-builder__text-button{position:relative}.bracelet-builder__text-button:after{position:absolute;top:0;right:-.6rem;bottom:0;left:-.6rem;content:""}.bracelet-builder__preview{position:relative;width:min(100%,64rem);aspect-ratio:1;margin:2rem auto 1.2rem;touch-action:pan-y}.bracelet-builder__preview.is-zoomed{overflow:hidden;touch-action:none}.bracelet-builder__preview.is-zoomed .bracelet-builder__preview-copy{opacity:0}.bracelet-builder__beads{transform-origin:50% 50%}.bracelet-builder__wrist-shadow{position:absolute;top:23%;right:23%;bottom:23%;left:23%;border-radius:50%;background:radial-gradient(circle at 42% 35%,#ffffffe6,#826b5c2e 54%,#30241c1f);filter:blur(.1rem);box-shadow:0 3rem 8rem #16120f1f}.bracelet-builder__beads{--string-cord-width: clamp(.192rem, .296vw, .304rem);position:absolute;top:7%;right:7%;bottom:7%;left:7%}.bracelet-builder__string-loop{--cord-width: var(--string-cord-width);position:absolute;z-index:0;left:50%;top:50%;display:block;width:calc(var(--string-radius) + var(--cord-width));height:calc(var(--string-radius) + var(--cord-width));overflow:hidden;pointer-events:none;background:var(--bb-cord-color, #171717);transform:translate(-50%,-50%);filter:drop-shadow(0 .14rem .24rem rgba(0,0,0,.24));isolation:isolate;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--cord-width)),#000 calc(100% - var(--cord-width) + .01rem),#000 calc(100% - .08rem),transparent 100%);mask:radial-gradient(farthest-side,transparent calc(100% - var(--cord-width)),#000 calc(100% - var(--cord-width) + .01rem),#000 calc(100% - .08rem),transparent 100%)}.bracelet-builder__string-base{position:absolute;z-index:0;left:var(--string-base-x);top:var(--string-base-y);display:block;width:var(--string-base-width);height:var(--string-base-height);pointer-events:none;background:var(--bb-cord-color, #2c2b28);filter:drop-shadow(0 .14rem .24rem rgba(0,0,0,.24));isolation:isolate;-webkit-mask:var(--bb-string-base-image) center / 100% 100% no-repeat;mask:var(--bb-string-base-image) center / 100% 100% no-repeat}.bracelet-builder__string-base:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:var(--bb-string-base-image) center / 100% 100% no-repeat;filter:grayscale(1) brightness(2.35) contrast(.94);mix-blend-mode:soft-light;opacity:.78}.bracelet-builder__string-base--binding{background-color:var(--bb-cord-color, #2c2b28);background-blend-mode:normal;mix-blend-mode:normal;transform:rotate(180deg)}.bracelet-builder__string-base--binding:after{display:block}.bracelet-builder__string-loop:before,.bracelet-builder__string-loop:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:var(--bb-string-loop-image) center / 100% 100% no-repeat}.bracelet-builder__string-loop:before{mix-blend-mode:soft-light;opacity:.9}.bracelet-builder__string-loop:after{mix-blend-mode:screen;opacity:.28}.bracelet-builder__string-tails{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;pointer-events:none}.bracelet-builder__string-tail{position:absolute;left:var(--tail-x);top:var(--tail-y);display:block;width:var(--string-cord-width);height:var(--tail-length);overflow:hidden;pointer-events:none;background:var(--bb-cord-color, #171717);transform:translate(-50%) rotate(var(--tail-rotation));transform-origin:50% 0;filter:drop-shadow(0 .13rem .13rem rgba(0,0,0,.24));isolation:isolate;-webkit-mask:var(--bb-string-cord-image) center / 100% 100% no-repeat;mask:var(--bb-string-cord-image) center / 100% 100% no-repeat}.bracelet-builder__string-tail:before,.bracelet-builder__string-tail:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:var(--bb-string-cord-image) center / 100% 100% no-repeat}.bracelet-builder__string-tail:before{mix-blend-mode:soft-light;opacity:.9}.bracelet-builder__string-tail:after{mix-blend-mode:screen;opacity:.28}.bracelet-builder__string-knot{position:absolute;z-index:1;left:var(--x, 50%);top:var(--y, 93%);width:var(--knot-width, 21%);height:var(--knot-height, 13%);overflow:hidden;pointer-events:none;background:var(--bb-cord-color, #171717);transform:translate(-50%,-50%) rotate(var(--knot-rotation, 180deg));filter:drop-shadow(0 .22rem .3rem rgba(0,0,0,.3));isolation:isolate;-webkit-mask:var(--bb-string-knot-image) center / contain no-repeat;mask:var(--bb-string-knot-image) center / contain no-repeat}.bracelet-builder__string-knot:before,.bracelet-builder__string-knot:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:var(--bb-string-knot-image) center / contain no-repeat}.bracelet-builder__string-knot:before{mix-blend-mode:soft-light;opacity:.82}.bracelet-builder__string-knot:after{mix-blend-mode:screen;opacity:.34}.bracelet-builder__string-end-knot{position:absolute;z-index:3;left:var(--x);top:var(--y);display:block;width:var(--end-knot-width);height:var(--end-knot-height);pointer-events:none;background:var(--bb-string-end-knot-image) center / contain no-repeat;transform:translate(-50%,-50%) rotate(var(--end-knot-rotation, 0deg));transform-origin:50% 0;filter:drop-shadow(0 .1rem .12rem rgba(0,0,0,.24))}.bracelet-builder__necklace-clasp-asset{position:absolute;z-index:3;left:var(--x);top:var(--y);display:block;width:var(--clasp-image-width);height:var(--clasp-image-height);pointer-events:none;background:var(--bb-necklace-clasp-image) center / contain no-repeat;transform:translate(-50%,calc(0% - var(--clasp-path-y))) rotate(var(--clasp-image-rotation));transform-origin:50% var(--clasp-path-y);filter:drop-shadow(0 .14rem .22rem rgba(0,0,0,.24))}.bracelet-builder[data-product-type=necklace] .bracelet-builder__preview-copy{top:52%;right:30%;bottom:22%;left:30%}.bracelet-builder[data-product-type=necklace] .bracelet-builder__wrist-shadow{top:30%;right:26%;bottom:16%;left:26%;border-radius:50% 50% 46% 46%}.bracelet-builder__tail-bead{z-index:4}.bracelet-builder__bead{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--bead-width, var(--bead-size));height:var(--bead-height, var(--bead-size));padding:0;border:.1rem solid rgba(255,255,255,.34);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg));box-shadow:inset -.65rem -.7rem 1.1rem #00000057,inset .45rem .4rem .65rem #ffffff52,0 .45rem .8rem #0000002e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.bracelet-builder__bead:focus-visible{z-index:5;outline:.2rem solid rgba(var(--color-foreground),.65);outline-offset:.2rem;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(1.08);box-shadow:inset -.65rem -.7rem 1.1rem #0000004d,inset .45rem .4rem .65rem #ffffff59,0 .7rem 1.4rem #0000003d}@media(hover:hover)and (pointer:fine){.bracelet-builder__bead:hover{z-index:5;outline:.2rem solid rgba(var(--color-foreground),.65);outline-offset:.2rem;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(1.08)}}.bracelet-builder__bead,.bracelet-builder__stones button,.bracelet-builder__stones button *,.bracelet-builder__metals button,.bracelet-builder__metals button *,.bracelet-builder__components button,.bracelet-builder__components button *{-webkit-tap-highlight-color:transparent}.bracelet-builder.is-move-mode .bracelet-builder__bead{cursor:grab;touch-action:none}.bracelet-builder.is-move-mode .bracelet-builder__bead:active{cursor:grabbing}.bracelet-builder__bead.is-dragging{z-index:6;cursor:grabbing;transition:none;transform:translate(calc(-50% + var(--drag-dx, 0px)),calc(-50% + var(--drag-dy, 0px))) rotate(var(--rotation, 0deg)) scale(1.16);box-shadow:0 1rem 1.8rem #00000052;will-change:transform}.bracelet-builder__drop-marker{position:absolute;z-index:4;left:var(--x);top:var(--y);width:.55rem;height:.55rem;border-radius:50%;background:rgb(var(--color-foreground));box-shadow:0 0 0 .22rem rgba(var(--color-background),.8);transform:translate(-50%,-50%);pointer-events:none}.bracelet-builder__insertion-point{position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--slot-width);height:var(--slot-height);padding:0;border:.08rem dashed rgba(var(--color-foreground),.34);border-radius:.12rem;background:rgba(var(--color-background),.08);box-shadow:inset 0 0 0 .04rem rgba(var(--color-background),.5);transform:translate(-50%,-50%) rotate(var(--rotation, 0deg));cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}.bracelet-builder__insertion-point:hover,.bracelet-builder__insertion-point:focus-visible{border-color:rgba(var(--color-foreground),.7);box-shadow:inset 0 0 0 .04rem rgba(var(--color-background),.6),0 .18rem .45rem rgba(var(--color-foreground),.18)}.bracelet-builder__gaps-close{position:absolute;z-index:3;left:var(--x, 50%);top:var(--y, 50%);width:clamp(2.2rem,14%,6.4rem);aspect-ratio:1;padding:0;border:.1rem solid rgba(var(--color-foreground),.34);border-radius:50%;background:rgba(var(--color-background),.16);color:rgba(var(--color-foreground),.58);transform:translate(-50%,-50%);cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease;-webkit-tap-highlight-color:transparent}.bracelet-builder__gaps-close:before,.bracelet-builder__gaps-close:after{position:absolute;left:50%;top:50%;width:40%;height:.13rem;content:"";border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.bracelet-builder__gaps-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.bracelet-builder__gaps-close:focus-visible{border-color:rgba(var(--color-foreground),.7);color:rgb(var(--color-foreground));outline:.2rem solid rgba(var(--color-foreground),.45);outline-offset:.3rem}@media(hover:hover)and (pointer:fine){.bracelet-builder__gaps-close:hover{border-color:rgba(var(--color-foreground),.7);color:rgb(var(--color-foreground));background:rgba(var(--color-background),.36)}}.bracelet-builder__preview:has(.bracelet-builder__gaps-close) .bracelet-builder__preview-copy{visibility:hidden}.bracelet-builder__preview.is-zoomed .bracelet-builder__gaps-close,.bracelet-builder__preview:has(.bracelet-builder__flash:not([hidden])) .bracelet-builder__gaps-close{visibility:hidden}.bracelet-builder__bead.is-component{border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 .25rem .7rem #35220038}.bracelet-builder__bead.is-heishi{overflow:visible;border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 0 0 .015rem #b8bdc1f5}.bracelet-builder__bead[data-stone=placeholder]{border:.1rem dashed rgba(var(--color-foreground),.3);background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.2),rgba(var(--color-background),.07) 48%,rgba(var(--color-foreground),.025) 72%,transparent 74%);box-shadow:inset 0 0 0 .05rem rgba(var(--color-background),.42)}.bracelet-builder__bead[data-stone=placeholder]:hover,.bracelet-builder__bead[data-stone=placeholder]:focus-visible{box-shadow:inset 0 0 0 .05rem rgba(var(--color-background),.52),0 .25rem .55rem rgba(var(--color-foreground),.1)}.bracelet-builder__bead[data-stone=heishi-placeholder]{border:.08rem dashed rgba(var(--color-foreground),.3);border-radius:.12rem;background:rgba(var(--color-background),.08);box-shadow:inset 0 0 0 .04rem rgba(var(--color-background),.48)}.bracelet-builder__bead[data-stone=heishi-placeholder]:hover,.bracelet-builder__bead[data-stone=heishi-placeholder]:focus-visible{box-shadow:inset 0 0 0 .04rem rgba(var(--color-background),.58),0 .18rem .4rem rgba(var(--color-foreground),.1)}.bracelet-builder__tube{position:absolute;z-index:1;left:var(--x);top:var(--y);display:block;width:var(--tube-width);height:var(--tube-height);border:0;border-radius:0;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--tube-rotation));background:var(--bb-tube-image) center / 100% 100% no-repeat;filter:drop-shadow(var(--tube-shadow-x, .18rem) var(--tube-shadow-y, .24rem) .32rem rgba(0,0,0,.22))}.bracelet-builder__tube[data-tube-finish=gold]{--bb-tube-image: var(--bb-tube-gold-image-a)}.bracelet-builder__tube[data-tube-finish=silver]{--bb-tube-image: var(--bb-tube-silver-image-a)}.bracelet-builder__permanent-plate-anchor{position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--plate-length);height:max(var(--plate-thickness),.18rem);pointer-events:none;transform:rotate(var(--plate-rotation));transform-origin:left center}.bracelet-builder__permanent-plate-anchor.is-heishi{transform-origin:left top}.bracelet-builder__permanent-plate{position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:0;border-radius:999px;background:var(--bb-plate-gold-edge-image) center / 100% 100% no-repeat;filter:drop-shadow(var(--plate-shadow-x, .12rem) var(--plate-shadow-y, .18rem) .25rem rgba(0,0,0,.18));transform:translateY(-50%);transform-origin:left center}.bracelet-builder__permanent-plate-anchor[data-plate-finish=silver] .bracelet-builder__permanent-plate{background-image:var(--bb-plate-silver-edge-image)}.bracelet-builder__preview-copy{position:absolute;top:39%;right:39%;bottom:39%;left:39%;display:grid;place-content:center;text-align:center}.bracelet-builder__preview-copy strong{font-size:clamp(2.4rem,4vw,4.6rem);line-height:1}.bracelet-builder__preview-copy span{margin-top:.7rem;color:rgba(var(--color-foreground),.58);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase}.bracelet-builder__hint{margin:0;color:rgba(var(--color-foreground),.6);text-align:center;font-size:1.2rem}.bracelet-builder[data-bracelet-type=string] .bracelet-builder__hint{margin-top:clamp(6rem,8vw,9rem)}.bracelet-builder__panel{border-top:.1rem solid var(--bb-line)}.bracelet-builder__step{padding:2.8rem 0 3.2rem;border-bottom:.1rem solid var(--bb-line)}.bracelet-builder__step[hidden]{display:none}.bracelet-builder__step-heading{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1.8rem}.bracelet-builder__step-heading>span,.bracelet-builder__step-heading>div>span{color:rgba(var(--color-foreground),.45);font-size:1.1rem;letter-spacing:.12em}.bracelet-builder__step-heading h2{margin:0;font-size:2rem}.bracelet-builder__step-heading--stones{justify-content:space-between;align-items:center}.bracelet-builder__step-heading--stones>div{display:flex;align-items:baseline;gap:1.2rem}.bracelet-builder__fill{position:relative;flex:0 0 auto}.bracelet-builder__fill-caret{width:0;height:0;margin-left:.6rem;border:.35rem solid transparent;border-top-color:currentColor;border-bottom:0}.bracelet-builder__fill-toggle[aria-expanded=true] .bracelet-builder__fill-caret{transform:rotate(180deg)}.bracelet-builder__fill-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;display:grid;min-width:22rem;padding:.4rem;border:.1rem solid var(--bb-line);border-radius:.6rem;background:rgb(var(--color-background));box-shadow:0 .8rem 2.4rem rgba(var(--color-foreground),.16)}.bracelet-builder__fill-menu button{display:grid;gap:.1rem;padding:.8rem 1rem;border:0;border-radius:.4rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.bracelet-builder__fill-menu button:hover{background:rgba(var(--color-foreground),.06)}.bracelet-builder__fill-menu button:focus-visible{outline:.2rem solid var(--bb-ink);outline-offset:-.2rem}.bracelet-builder__fill-menu strong{font-size:1.3rem;font-weight:600}.bracelet-builder__fill-menu small{color:rgba(var(--color-foreground),.58);font-size:1.05rem}.bracelet-builder__segmented,.bracelet-builder__sizes{display:grid;gap:.8rem}.bracelet-builder__segmented{grid-template-columns:repeat(3,1fr)}.bracelet-builder__bead-sizes{grid-template-columns:repeat(4,minmax(0,1fr))}.bracelet-builder__styles,.bracelet-builder__products{grid-template-columns:repeat(2,1fr)}.bracelet-builder__sizes{grid-template-columns:repeat(5,1fr)}.bracelet-builder__segmented label,.bracelet-builder__sizes label{position:relative;cursor:pointer}.bracelet-builder__segmented input,.bracelet-builder__sizes input{position:absolute;opacity:0;pointer-events:none}.bracelet-builder__segmented label>span,.bracelet-builder__sizes label>span{display:flex;min-height:6.8rem;padding:1.2rem;border:.1rem solid var(--bb-line);border-radius:.2rem;flex-direction:column;justify-content:center;transition:border-color .16s ease,background .16s ease}.bracelet-builder__segmented input:checked+span,.bracelet-builder__sizes input:checked+span{border-color:var(--bb-ink);background:rgb(var(--color-background));box-shadow:var(--bb-pick-shadow)}.bracelet-builder__segmented input:focus-visible+span,.bracelet-builder__sizes input:focus-visible+span{outline:.2rem solid var(--bb-ink);outline-offset:.2rem}.bracelet-builder__segmented small,.bracelet-builder__sizes small{margin-top:.2rem;color:rgba(var(--color-foreground),.58);font-size:1.05rem}.bracelet-builder__measure-note{margin:1.2rem 0 0;color:rgba(var(--color-foreground),.58);font-size:1.15rem}.bracelet-builder__cord-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.bracelet-builder__cord-colors label{position:relative;min-width:0;cursor:pointer}.bracelet-builder__cord-colors input{position:absolute;opacity:0;pointer-events:none}.bracelet-builder__cord-colors label>span{display:grid;min-height:6.2rem;padding:.75rem .45rem;place-items:center;gap:.45rem;border:.1rem solid var(--bb-line);border-radius:.3rem;text-align:center;transition:border-color .16s ease,background .16s ease}.bracelet-builder__cord-colors i{display:block;width:3.2rem;height:1.1rem;border:.1rem solid rgba(0,0,0,.2);border-radius:999px;background:repeating-linear-gradient(125deg,#ffffff38 0 12%,#0000001f 13% 25%),var(--cord-swatch);box-shadow:inset 0 .1rem .16rem #ffffff42,0 .12rem .2rem #00000024}.bracelet-builder__cord-colors small{max-width:100%;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.bracelet-builder__cord-colors input:checked+span{border-color:var(--bb-ink);background:rgb(var(--color-background));box-shadow:var(--bb-pick-shadow)}.bracelet-builder__cord-colors input:focus-visible+span{outline:.2rem solid var(--bb-ink);outline-offset:.2rem}.bracelet-builder__plate-finish-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.bracelet-builder__plate-finish-options button{display:flex;min-width:0;min-height:7rem;padding:.8rem 1.2rem;align-items:center;gap:1.2rem;border:.1rem solid transparent;border-radius:.3rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.bracelet-builder__plate-finish-options button.is-active{border-color:var(--bb-ink);background:rgb(var(--color-background));box-shadow:var(--bb-pick-shadow)}.bracelet-builder__plate-finish-options button:focus-visible{outline:.2rem solid var(--bb-ink);outline-offset:.2rem}.bracelet-builder__plate-finish-options button>span{display:grid;gap:.2rem}.bracelet-builder__plate-finish-options small{color:rgba(var(--color-foreground),.58);font-size:1.05rem}.bracelet-builder__plate-finish-swatch{--plate-width: 10rem;--plate-unit: calc(var(--plate-width) / 12.6);display:block;width:var(--plate-width);height:calc(5.63 * var(--plate-unit));flex:0 0 auto;background:var(--bb-plate-image) center / 100% 100% no-repeat;filter:drop-shadow(.12rem .18rem .25rem rgba(0,0,0,.18))}.bracelet-builder [data-finish-copy=necklace],.bracelet-builder[data-product-type=necklace] [data-finish-copy=bracelet]{display:none}.bracelet-builder[data-product-type=necklace] [data-finish-copy=necklace]{display:block}.bracelet-builder[data-product-type=necklace] .bracelet-builder__plate-finish-swatch{background:transparent var(--bb-finish-hoop-image) center / contain no-repeat}.bracelet-builder__mock{display:block;width:6.4rem;max-width:100%;height:auto;margin:0 auto .5rem}.bracelet-builder__mock--ring{width:4.2rem}.bracelet-builder__mock circle,.bracelet-builder__mock rect{fill:rgba(var(--color-foreground),.06);stroke:rgba(var(--color-foreground),.32);stroke-width:1.1}.bracelet-builder__mock-line{fill:none;stroke:rgba(var(--color-foreground),.32);stroke-width:1.1}.bracelet-builder__stones{display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem 1rem}.bracelet-builder__metals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.bracelet-builder__metals[hidden]{display:none}.bracelet-builder__components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.bracelet-builder__stones button,.bracelet-builder__metals button,.bracelet-builder__components button{min-width:0;border:.1rem solid transparent;border-radius:.3rem;color:inherit;background:transparent;cursor:pointer}.bracelet-builder__stones button{padding:.8rem .2rem}.bracelet-builder__metals button,.bracelet-builder__components button{display:flex;min-height:7.2rem;padding:.9rem 1.2rem;align-items:center;gap:1.2rem;text-align:left}.bracelet-builder__stones button.is-active,.bracelet-builder__metals button.is-active,.bracelet-builder__components button.is-active{border-color:var(--bb-ink);background:rgb(var(--color-background));box-shadow:var(--bb-pick-shadow)}.bracelet-builder__stones button:focus-visible,.bracelet-builder__metals button:focus-visible,.bracelet-builder__components button:focus-visible{outline:.2rem solid var(--bb-ink);outline-offset:.2rem}.bracelet-builder__stones button .bracelet-builder__stone,.bracelet-builder__metals button .bracelet-builder__stone,.bracelet-builder__metals button .bracelet-builder__component-thumb{transform:scale(var(--bb-swatch-scale, 1))}.bracelet-builder__stones button>span{display:block;margin-top:.6rem;overflow:hidden;font-size:1.1rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.bracelet-builder__metals button>span,.bracelet-builder__components button>span{display:grid;gap:.2rem}.bracelet-builder__metals small,.bracelet-builder__components small{color:rgba(var(--color-foreground),.58);font-size:1.05rem}.bracelet-builder__components button:disabled,.bracelet-builder__metals button[data-component]:disabled{cursor:not-allowed;opacity:.35}.bracelet-builder__component-thumb{display:block;width:auto;height:5.2rem;aspect-ratio:var(--bb-component-ratio, 2 / 5.5);flex:0 0 auto;background:transparent var(--bb-component-image) center / 100% 100% no-repeat;filter:drop-shadow(0 .25rem .35rem rgba(53,34,0,.2))}.bracelet-builder__components [data-component-image-a] .bracelet-builder__component-thumb,.bracelet-builder__metals [data-component-image-a] .bracelet-builder__component-thumb{filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead.is-component.is-photoreal-component{box-shadow:none;filter:drop-shadow(var(--component-shadow-x, .18rem) var(--component-shadow-y, .24rem) .32rem rgba(0,0,0,.22))}.bracelet-builder__stone{display:block;width:4.4rem;height:4.4rem;margin:auto;border-radius:50%;box-shadow:inset -.6rem -.6rem .9rem #00000052,inset .4rem .4rem .6rem #ffffff4d,0 .35rem .8rem #00000029}.bracelet-builder__metals .bracelet-builder__stone{width:5.2rem;height:5.2rem;margin:0;flex:0 0 auto}.bracelet-builder__summary{padding-top:3rem}.bracelet-builder__summary>div{display:flex;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.bracelet-builder__summary span{color:rgba(var(--color-foreground),.58)}.bracelet-builder__summary [data-metal-row][hidden]{display:none}.bracelet-builder__packaging label:has(input:disabled){cursor:not-allowed;opacity:.5}.bracelet-builder__summary [data-metal-row] strong{font-variant-numeric:tabular-nums}.bracelet-builder__summary [data-metal-row].is-over strong{color:#a31212}.bracelet-builder__flash{position:absolute;top:50%;left:50%;z-index:3;max-width:46%;margin:0;padding:.9rem 1.1rem;transform:translate(-50%,-50%);border-radius:.4rem;background:rgba(var(--color-background),.93);box-shadow:0 0 0 .1rem var(--bb-line),0 .3rem 1.2rem rgba(var(--color-foreground),.12);text-align:center;text-wrap:balance;font-size:1.2rem;line-height:1.35;pointer-events:none}.bracelet-builder__flash[data-error=true]{color:#a31212}.bracelet-builder[data-product-type=necklace] .bracelet-builder__flash{top:65%;max-width:38%}.bracelet-builder__preview:has(.bracelet-builder__flash:not([hidden])) .bracelet-builder__preview-copy{visibility:hidden}.bracelet-builder__stone--aquamarine,.bracelet-builder__bead[data-stone=aquamarine]{border-color:transparent;background:transparent var(--bb-aquamarine-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--turquoise,.bracelet-builder__bead[data-stone=turquoise]{border-color:transparent;background:transparent var(--bb-turquoise-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--onyx,.bracelet-builder__bead[data-stone=onyx]{border-color:transparent;background:transparent var(--bb-onyx-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--matte-onyx,.bracelet-builder__bead[data-stone=matte-onyx]{border-color:transparent;background:transparent var(--bb-matte-onyx-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--larimar,.bracelet-builder__bead[data-stone=larimar]{border-color:transparent;background:transparent var(--bb-larimar-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--rose-quartz,.bracelet-builder__bead[data-stone=rose-quartz]{border-color:transparent;background:transparent var(--bb-rose-quartz-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=aquamarine][data-visual-variant=a]{background-image:var(--bb-aquamarine-image-a)}.bracelet-builder__bead[data-stone=aquamarine][data-visual-variant=b]{background-image:var(--bb-aquamarine-image-b)}.bracelet-builder__bead[data-stone=aquamarine][data-visual-variant=c]{background-image:var(--bb-aquamarine-image-c)}.bracelet-builder__bead[data-stone=turquoise][data-visual-variant=a]{background-image:var(--bb-turquoise-image-a)}.bracelet-builder__bead[data-stone=turquoise][data-visual-variant=b]{background-image:var(--bb-turquoise-image-b)}.bracelet-builder__bead[data-stone=turquoise][data-visual-variant=c]{background-image:var(--bb-turquoise-image-c)}.bracelet-builder__bead[data-stone=onyx][data-visual-variant=a]{background-image:var(--bb-onyx-image-a)}.bracelet-builder__bead[data-stone=onyx][data-visual-variant=b]{background-image:var(--bb-onyx-image-b)}.bracelet-builder__bead[data-stone=onyx][data-visual-variant=c]{background-image:var(--bb-onyx-image-c)}.bracelet-builder__bead[data-stone=matte-onyx][data-visual-variant=a]{background-image:var(--bb-matte-onyx-image-a)}.bracelet-builder__bead[data-stone=matte-onyx][data-visual-variant=b]{background-image:var(--bb-matte-onyx-image-b)}.bracelet-builder__bead[data-stone=matte-onyx][data-visual-variant=c]{background-image:var(--bb-matte-onyx-image-c)}.bracelet-builder__bead[data-stone=larimar][data-visual-variant=a]{background-image:var(--bb-larimar-image-a)}.bracelet-builder__bead[data-stone=larimar][data-visual-variant=b]{background-image:var(--bb-larimar-image-b)}.bracelet-builder__bead[data-stone=larimar][data-visual-variant=c]{background-image:var(--bb-larimar-image-c)}.bracelet-builder__bead[data-stone=rose-quartz][data-visual-variant=a]{background-image:var(--bb-rose-quartz-image-a)}.bracelet-builder__bead[data-stone=rose-quartz][data-visual-variant=b]{background-image:var(--bb-rose-quartz-image-b)}.bracelet-builder__bead[data-stone=rose-quartz][data-visual-variant=c]{background-image:var(--bb-rose-quartz-image-c)}.bracelet-builder__stone--natural-pearl,.bracelet-builder__bead[data-stone=natural-pearl]{border-color:transparent;background:transparent var(--bb-natural-pearl-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--hematite,.bracelet-builder__bead[data-stone=hematite]{border-color:transparent;background:transparent var(--bb-hematite-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--malachite,.bracelet-builder__bead[data-stone=malachite]{border-color:transparent;background:transparent var(--bb-malachite-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--aventurine,.bracelet-builder__bead[data-stone=aventurine]{border-color:transparent;background:transparent var(--bb-aventurine-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--tiger-eye,.bracelet-builder__bead[data-stone=tiger-eye]{border-color:transparent;background:transparent var(--bb-tiger-eye-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=natural-pearl][data-visual-variant=a]{background-image:var(--bb-natural-pearl-image-a)}.bracelet-builder__bead[data-stone=natural-pearl][data-visual-variant=b]{background-image:var(--bb-natural-pearl-image-b)}.bracelet-builder__bead[data-stone=natural-pearl][data-visual-variant=c]{background-image:var(--bb-natural-pearl-image-c)}.bracelet-builder__bead[data-stone=hematite][data-visual-variant=a]{background-image:var(--bb-hematite-image-a)}.bracelet-builder__bead[data-stone=hematite][data-visual-variant=b]{background-image:var(--bb-hematite-image-b)}.bracelet-builder__bead[data-stone=hematite][data-visual-variant=c]{background-image:var(--bb-hematite-image-c)}.bracelet-builder__bead[data-stone=malachite][data-visual-variant=a]{background-image:var(--bb-malachite-image-a)}.bracelet-builder__bead[data-stone=malachite][data-visual-variant=b]{background-image:var(--bb-malachite-image-b)}.bracelet-builder__bead[data-stone=malachite][data-visual-variant=c]{background-image:var(--bb-malachite-image-c)}.bracelet-builder__bead[data-stone=aventurine][data-visual-variant=a]{background-image:var(--bb-aventurine-image-a)}.bracelet-builder__bead[data-stone=aventurine][data-visual-variant=b]{background-image:var(--bb-aventurine-image-b)}.bracelet-builder__bead[data-stone=aventurine][data-visual-variant=c]{background-image:var(--bb-aventurine-image-c)}.bracelet-builder__bead[data-stone=tiger-eye][data-visual-variant=a]{background-image:var(--bb-tiger-eye-image-a)}.bracelet-builder__bead[data-stone=tiger-eye][data-visual-variant=b]{background-image:var(--bb-tiger-eye-image-b)}.bracelet-builder__bead[data-stone=tiger-eye][data-visual-variant=c]{background-image:var(--bb-tiger-eye-image-c)}.bracelet-builder__stone--lapis,.bracelet-builder__bead[data-stone=lapis]{border-color:transparent;background:transparent var(--bb-lapis-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--faceted-lapis,.bracelet-builder__bead[data-stone=faceted-lapis]{border-color:transparent;background:transparent var(--bb-faceted-lapis-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--component{border-color:transparent;background:transparent var(--bb-component-picker-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--faceted-sapphire,.bracelet-builder__bead[data-stone=faceted-sapphire]{border-color:transparent;background:transparent var(--bb-faceted-sapphire-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--howlite,.bracelet-builder__bead[data-stone=howlite]{border-color:transparent;background:transparent var(--bb-howlite-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--lava,.bracelet-builder__bead[data-stone=lava]{border-color:transparent;background:transparent var(--bb-lava-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--carnelian,.bracelet-builder__bead[data-stone=carnelian]{border-color:transparent;background:transparent var(--bb-carnelian-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=lapis][data-visual-variant=a]{background-image:var(--bb-lapis-image-a)}.bracelet-builder__bead[data-stone=lapis][data-visual-variant=b]{background-image:var(--bb-lapis-image-b)}.bracelet-builder__bead[data-stone=lapis][data-visual-variant=c]{background-image:var(--bb-lapis-image-c)}.bracelet-builder__bead[data-stone=faceted-lapis][data-visual-variant=a]{background-image:var(--bb-faceted-lapis-image-a)}.bracelet-builder__bead[data-stone=faceted-lapis][data-visual-variant=b]{background-image:var(--bb-faceted-lapis-image-b)}.bracelet-builder__bead[data-stone=faceted-lapis][data-visual-variant=c]{background-image:var(--bb-faceted-lapis-image-c)}.bracelet-builder__bead[data-stone=faceted-sapphire][data-visual-variant=a]{background-image:var(--bb-faceted-sapphire-image-a)}.bracelet-builder__bead[data-stone=faceted-sapphire][data-visual-variant=b]{background-image:var(--bb-faceted-sapphire-image-b)}.bracelet-builder__bead[data-stone=faceted-sapphire][data-visual-variant=c]{background-image:var(--bb-faceted-sapphire-image-c)}.bracelet-builder__bead[data-stone=howlite][data-visual-variant=a]{background-image:var(--bb-howlite-image-a)}.bracelet-builder__bead[data-stone=howlite][data-visual-variant=b]{background-image:var(--bb-howlite-image-b)}.bracelet-builder__bead[data-stone=howlite][data-visual-variant=c]{background-image:var(--bb-howlite-image-c)}.bracelet-builder__bead[data-stone=lava][data-visual-variant=a]{background-image:var(--bb-lava-image-a)}.bracelet-builder__bead[data-stone=lava][data-visual-variant=b]{background-image:var(--bb-lava-image-b)}.bracelet-builder__bead[data-stone=lava][data-visual-variant=c]{background-image:var(--bb-lava-image-c)}.bracelet-builder__bead[data-stone=carnelian][data-visual-variant=a]{background-image:var(--bb-carnelian-image-a)}.bracelet-builder__bead[data-stone=carnelian][data-visual-variant=b]{background-image:var(--bb-carnelian-image-b)}.bracelet-builder__bead[data-stone=carnelian][data-visual-variant=c]{background-image:var(--bb-carnelian-image-c)}.bracelet-builder__stone--amethyst,.bracelet-builder__bead[data-stone=amethyst]{border-color:transparent;background:transparent var(--bb-amethyst-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=amethyst][data-visual-variant=a]{background-image:var(--bb-amethyst-image-a)}.bracelet-builder__bead[data-stone=amethyst][data-visual-variant=b]{background-image:var(--bb-amethyst-image-b)}.bracelet-builder__bead[data-stone=amethyst][data-visual-variant=c]{background-image:var(--bb-amethyst-image-c)}.bracelet-builder__stone--heishi-hematite{width:1.1rem;height:4.4rem;border:0;border-radius:0;background:transparent var(--bb-heishi-hematite-image) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(.12rem .18rem .25rem rgba(0,0,0,.18))}.bracelet-builder__bead[data-stone=heishi-hematite]{border:0;border-radius:0;background:transparent var(--bb-heishi-hematite-image-a) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(var(--heishi-shadow-x, .12rem) var(--heishi-shadow-y, .18rem) .25rem rgba(0,0,0,.18))}.bracelet-builder__bead[data-stone=heishi-hematite][data-visual-variant=a]{background-image:var(--bb-heishi-hematite-image-a)}.bracelet-builder__bead[data-stone=heishi-hematite][data-visual-variant=b]{background-image:var(--bb-heishi-hematite-image-b)}.bracelet-builder__bead[data-stone=heishi-hematite][data-visual-variant=c]{background-image:var(--bb-heishi-hematite-image-c)}.bracelet-builder__stones .bracelet-builder__stone--heishi-lapis{width:var(--bb-heishi-picker-size, 4.4rem);height:var(--bb-heishi-picker-size, 4.4rem);flex:0 0 auto;border:0;border-radius:0;background:transparent var(--bb-heishi-lapis-image) center / contain no-repeat;box-shadow:none;filter:drop-shadow(.12rem .18rem .25rem rgba(0,0,0,.18))}.bracelet-builder__bead[data-stone=heishi-lapis]{border:0;border-radius:0;background:transparent var(--bb-heishi-lapis-image-a) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(var(--heishi-shadow-x, .12rem) var(--heishi-shadow-y, .18rem) .25rem rgba(0,0,0,.18))}.bracelet-builder__bead[data-stone=heishi-lapis][data-visual-variant=a]{background-image:var(--bb-heishi-lapis-image-a)}.bracelet-builder__bead[data-stone=heishi-lapis][data-visual-variant=b]{background-image:var(--bb-heishi-lapis-image-b)}.bracelet-builder__bead[data-stone=heishi-lapis][data-visual-variant=c]{background-image:var(--bb-heishi-lapis-image-c)}.bracelet-builder__stones .bracelet-builder__stone--heishi-jasper{width:var(--bb-heishi-picker-size, 4.4rem);height:var(--bb-heishi-picker-size, 4.4rem);flex:0 0 auto;border:0;border-radius:0;background:transparent var(--bb-heishi-jasper-image) center / contain no-repeat;box-shadow:none;filter:drop-shadow(.12rem .18rem .25rem rgba(0,0,0,.18))}.bracelet-builder__bead[data-stone=heishi-jasper]{border:0;border-radius:0;background:transparent var(--bb-heishi-jasper-image-a) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(var(--heishi-shadow-x, .12rem) var(--heishi-shadow-y, .18rem) .25rem rgba(0,0,0,.18))}.bracelet-builder__bead[data-stone=heishi-jasper][data-visual-variant=a]{background-image:var(--bb-heishi-jasper-image-a)}.bracelet-builder__bead[data-stone=heishi-jasper][data-visual-variant=b]{background-image:var(--bb-heishi-jasper-image-b)}.bracelet-builder__bead[data-stone=heishi-jasper][data-visual-variant=c]{background-image:var(--bb-heishi-jasper-image-c)}.bracelet-builder__stones .bracelet-builder__stone--heishi-hematite{width:calc(var(--bb-heishi-picker-size, 4.4rem) / 4);height:var(--bb-heishi-picker-size, 4.4rem);flex:0 0 auto;background-size:contain}html .bracelet-builder .bracelet-builder__stones .bracelet-builder__stone--heishi-lapis{width:12.047px!important;height:26.636px!important;background-size:100% 100%}html .bracelet-builder .bracelet-builder__stones .bracelet-builder__stone--heishi-jasper{width:12.079px!important;height:27.843px!important;background-size:100% 100%}html .bracelet-builder .bracelet-builder__stones .bracelet-builder__stone--heishi-hematite{width:7.444px!important;height:24.253px!important;background-size:100% 100%}.bracelet-builder:has([data-bead-size][value=heishi]:checked) .bracelet-builder__stones .bracelet-builder__stone--letter-cube{width:41.006px!important;height:41.006px!important}.bracelet-builder:has([data-bead-size][value=heishi]:checked) .bracelet-builder__stones .bracelet-builder__stone--letter-cube-black{width:40.554px!important;height:40.421px!important}.bracelet-builder__stone--millefiori-ocean-blue,.bracelet-builder__bead[data-stone=millefiori-ocean-blue]{border-color:transparent;background:transparent var(--bb-millefiori-ocean-blue-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-sky-blue,.bracelet-builder__bead[data-stone=millefiori-sky-blue]{border-color:transparent;background:transparent var(--bb-millefiori-sky-blue-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-red-coral,.bracelet-builder__bead[data-stone=millefiori-red-coral]{border-color:transparent;background:transparent var(--bb-millefiori-red-coral-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-tangerine-orange,.bracelet-builder__bead[data-stone=millefiori-tangerine-orange]{border-color:transparent;background:transparent var(--bb-millefiori-tangerine-orange-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-sun-yellow,.bracelet-builder__bead[data-stone=millefiori-sun-yellow]{border-color:transparent;background:transparent var(--bb-millefiori-sun-yellow-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-leaf-green,.bracelet-builder__bead[data-stone=millefiori-leaf-green]{border-color:transparent;background:transparent var(--bb-millefiori-leaf-green-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-mint-green,.bracelet-builder__bead[data-stone=millefiori-mint-green]{border-color:transparent;background:transparent var(--bb-millefiori-mint-green-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-rose-pink,.bracelet-builder__bead[data-stone=millefiori-rose-pink]{border-color:transparent;background:transparent var(--bb-millefiori-rose-pink-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-purple-lilac,.bracelet-builder__bead[data-stone=millefiori-purple-lilac]{border-color:transparent;background:transparent var(--bb-millefiori-purple-lilac-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-smoke-grey,.bracelet-builder__bead[data-stone=millefiori-smoke-grey]{border-color:transparent;background:transparent var(--bb-millefiori-smoke-grey-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__stone--millefiori-midnight-black,.bracelet-builder__bead[data-stone=millefiori-midnight-black]{border-color:transparent;background:transparent var(--bb-millefiori-midnight-black-image) center / 105.3% 105.3% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=millefiori-ocean-blue][data-visual-variant=a]{background-image:var(--bb-millefiori-ocean-blue-image-a)}.bracelet-builder__bead[data-stone=millefiori-ocean-blue][data-visual-variant=b]{background-image:var(--bb-millefiori-ocean-blue-image-b)}.bracelet-builder__bead[data-stone=millefiori-ocean-blue][data-visual-variant=c]{background-image:var(--bb-millefiori-ocean-blue-image-c)}.bracelet-builder__bead[data-stone=millefiori-sky-blue][data-visual-variant=a]{background-image:var(--bb-millefiori-sky-blue-image-a)}.bracelet-builder__bead[data-stone=millefiori-sky-blue][data-visual-variant=b]{background-image:var(--bb-millefiori-sky-blue-image-b)}.bracelet-builder__bead[data-stone=millefiori-sky-blue][data-visual-variant=c]{background-image:var(--bb-millefiori-sky-blue-image-c)}.bracelet-builder__bead[data-stone=millefiori-red-coral][data-visual-variant=a]{background-image:var(--bb-millefiori-red-coral-image-a)}.bracelet-builder__bead[data-stone=millefiori-red-coral][data-visual-variant=b]{background-image:var(--bb-millefiori-red-coral-image-b)}.bracelet-builder__bead[data-stone=millefiori-red-coral][data-visual-variant=c]{background-image:var(--bb-millefiori-red-coral-image-c)}.bracelet-builder__bead[data-stone=millefiori-tangerine-orange][data-visual-variant=a]{background-image:var(--bb-millefiori-tangerine-orange-image-a)}.bracelet-builder__bead[data-stone=millefiori-tangerine-orange][data-visual-variant=b]{background-image:var(--bb-millefiori-tangerine-orange-image-b)}.bracelet-builder__bead[data-stone=millefiori-tangerine-orange][data-visual-variant=c]{background-image:var(--bb-millefiori-tangerine-orange-image-c)}.bracelet-builder__bead[data-stone=millefiori-sun-yellow][data-visual-variant=a]{background-image:var(--bb-millefiori-sun-yellow-image-a)}.bracelet-builder__bead[data-stone=millefiori-sun-yellow][data-visual-variant=b]{background-image:var(--bb-millefiori-sun-yellow-image-b)}.bracelet-builder__bead[data-stone=millefiori-sun-yellow][data-visual-variant=c]{background-image:var(--bb-millefiori-sun-yellow-image-c)}.bracelet-builder__bead[data-stone=millefiori-leaf-green][data-visual-variant=a]{background-image:var(--bb-millefiori-leaf-green-image-a)}.bracelet-builder__bead[data-stone=millefiori-leaf-green][data-visual-variant=b]{background-image:var(--bb-millefiori-leaf-green-image-b)}.bracelet-builder__bead[data-stone=millefiori-leaf-green][data-visual-variant=c]{background-image:var(--bb-millefiori-leaf-green-image-c)}.bracelet-builder__bead[data-stone=millefiori-mint-green][data-visual-variant=a]{background-image:var(--bb-millefiori-mint-green-image-a)}.bracelet-builder__bead[data-stone=millefiori-mint-green][data-visual-variant=b]{background-image:var(--bb-millefiori-mint-green-image-b)}.bracelet-builder__bead[data-stone=millefiori-mint-green][data-visual-variant=c]{background-image:var(--bb-millefiori-mint-green-image-c)}.bracelet-builder__bead[data-stone=millefiori-rose-pink][data-visual-variant=a]{background-image:var(--bb-millefiori-rose-pink-image-a)}.bracelet-builder__bead[data-stone=millefiori-rose-pink][data-visual-variant=b]{background-image:var(--bb-millefiori-rose-pink-image-b)}.bracelet-builder__bead[data-stone=millefiori-rose-pink][data-visual-variant=c]{background-image:var(--bb-millefiori-rose-pink-image-c)}.bracelet-builder__bead[data-stone=millefiori-purple-lilac][data-visual-variant=a]{background-image:var(--bb-millefiori-purple-lilac-image-a)}.bracelet-builder__bead[data-stone=millefiori-purple-lilac][data-visual-variant=b]{background-image:var(--bb-millefiori-purple-lilac-image-b)}.bracelet-builder__bead[data-stone=millefiori-purple-lilac][data-visual-variant=c]{background-image:var(--bb-millefiori-purple-lilac-image-c)}.bracelet-builder__bead[data-stone=millefiori-smoke-grey][data-visual-variant=a]{background-image:var(--bb-millefiori-smoke-grey-image-a)}.bracelet-builder__bead[data-stone=millefiori-smoke-grey][data-visual-variant=b]{background-image:var(--bb-millefiori-smoke-grey-image-b)}.bracelet-builder__bead[data-stone=millefiori-smoke-grey][data-visual-variant=c]{background-image:var(--bb-millefiori-smoke-grey-image-c)}.bracelet-builder__bead[data-stone=millefiori-midnight-black][data-visual-variant=a]{background-image:var(--bb-millefiori-midnight-black-image-a)}.bracelet-builder__bead[data-stone=millefiori-midnight-black][data-visual-variant=b]{background-image:var(--bb-millefiori-midnight-black-image-b)}.bracelet-builder__bead[data-stone=millefiori-midnight-black][data-visual-variant=c]{background-image:var(--bb-millefiori-midnight-black-image-c)}.bracelet-builder__stone--gold-logo,.bracelet-builder__bead[data-stone=gold-logo]{border-color:transparent;background:transparent var(--bb-gold-logo-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=gold-logo],.bracelet-builder__bead[data-stone=gold-logo][data-visual-variant=a]{background-image:var(--bb-gold-logo-image-a)}.bracelet-builder__bead[data-stone=gold-logo][data-visual-variant=b]{background-image:var(--bb-gold-logo-image-b)}.bracelet-builder__bead[data-stone=gold-logo][data-visual-variant=c]{background-image:var(--bb-gold-logo-image-c)}.bracelet-builder__stone--silver-logo,.bracelet-builder__bead[data-stone=silver-logo]{border-color:transparent;background:transparent var(--bb-silver-logo-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=silver-logo],.bracelet-builder__bead[data-stone=silver-logo][data-visual-variant=a]{background-image:var(--bb-silver-logo-image-a)}.bracelet-builder__bead[data-stone=silver-logo][data-visual-variant=b]{background-image:var(--bb-silver-logo-image-b)}.bracelet-builder__bead[data-stone=silver-logo][data-visual-variant=c]{background-image:var(--bb-silver-logo-image-c)}.bracelet-builder__stone--gold-bead-4mm,.bracelet-builder__stone--gold-bead-6mm,.bracelet-builder__bead[data-stone=gold-bead-4mm],.bracelet-builder__bead[data-stone=gold-bead-6mm]{border-color:transparent;background:transparent var(--bb-gold-plain-metal-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=gold-bead-4mm],.bracelet-builder__bead[data-stone=gold-bead-6mm],.bracelet-builder__bead[data-stone=gold-bead-4mm][data-visual-variant=a],.bracelet-builder__bead[data-stone=gold-bead-6mm][data-visual-variant=a]{background-image:var(--bb-gold-plain-metal-image-a)}.bracelet-builder__bead[data-stone=gold-bead-4mm][data-visual-variant=b],.bracelet-builder__bead[data-stone=gold-bead-6mm][data-visual-variant=b]{background-image:var(--bb-gold-plain-metal-image-b)}.bracelet-builder__bead[data-stone=gold-bead-4mm][data-visual-variant=c],.bracelet-builder__bead[data-stone=gold-bead-6mm][data-visual-variant=c]{background-image:var(--bb-gold-plain-metal-image-c)}.bracelet-builder__stone--silver-bead-4mm,.bracelet-builder__stone--silver-bead-6mm,.bracelet-builder__bead[data-stone=silver-bead-4mm],.bracelet-builder__bead[data-stone=silver-bead-6mm]{border-color:transparent;background:transparent var(--bb-silver-plain-metal-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=silver-bead-4mm],.bracelet-builder__bead[data-stone=silver-bead-6mm],.bracelet-builder__bead[data-stone=silver-bead-4mm][data-visual-variant=a],.bracelet-builder__bead[data-stone=silver-bead-6mm][data-visual-variant=a]{background-image:var(--bb-silver-plain-metal-image-a)}.bracelet-builder__bead[data-stone=silver-bead-4mm][data-visual-variant=b],.bracelet-builder__bead[data-stone=silver-bead-6mm][data-visual-variant=b]{background-image:var(--bb-silver-plain-metal-image-b)}.bracelet-builder__bead[data-stone=silver-bead-4mm][data-visual-variant=c],.bracelet-builder__bead[data-stone=silver-bead-6mm][data-visual-variant=c]{background-image:var(--bb-silver-plain-metal-image-c)}.bracelet-builder__stone--gold-diamond-4mm,.bracelet-builder__bead[data-stone=gold-diamond-4mm]{border-color:transparent;background:transparent var(--bb-gold-diamond-4mm-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=gold-diamond-4mm],.bracelet-builder__bead[data-stone=gold-diamond-4mm][data-visual-variant=a]{background-image:var(--bb-gold-diamond-4mm-image-a)}.bracelet-builder__bead[data-stone=gold-diamond-4mm][data-visual-variant=b]{background-image:var(--bb-gold-diamond-4mm-image-b)}.bracelet-builder__bead[data-stone=gold-diamond-4mm][data-visual-variant=c]{background-image:var(--bb-gold-diamond-4mm-image-c)}.bracelet-builder__stone--silver-diamond-4mm,.bracelet-builder__bead[data-stone=silver-diamond-4mm]{border-color:transparent;background:transparent var(--bb-silver-diamond-4mm-image) center / 100% 100% no-repeat;box-shadow:none;filter:var(--bb-photoreal-bead-shadow)}.bracelet-builder__bead[data-stone=silver-diamond-4mm],.bracelet-builder__bead[data-stone=silver-diamond-4mm][data-visual-variant=a]{background-image:var(--bb-silver-diamond-4mm-image-a)}.bracelet-builder__bead[data-stone=silver-diamond-4mm][data-visual-variant=b]{background-image:var(--bb-silver-diamond-4mm-image-b)}.bracelet-builder__bead[data-stone=silver-diamond-4mm][data-visual-variant=c]{background-image:var(--bb-silver-diamond-4mm-image-c)}.bracelet-builder__bead[data-stone]{background-origin:border-box}.bracelet-builder__stone--letter-cube{position:relative}.bracelet-builder__bead[data-stone^=letter-cube-]{position:absolute}.bracelet-builder__stone--letter-cube,.bracelet-builder__bead[data-stone^=letter-cube-]{container-type:inline-size;border:0;border-radius:0;background:transparent var(--bb-letter-cube-image) center / 100% 100% no-repeat;box-shadow:none}.bracelet-builder__stone--letter-cube:after,.bracelet-builder__bead[data-stone^=letter-cube-]:after{position:absolute;left:50%;top:50%;width:100%;color:#111;content:attr(data-letter);font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:146%;font-size:70cqw;font-style:normal;font-weight:700;line-height:1;letter-spacing:-.035em;text-align:center;text-shadow:0 .025em .035em rgba(0,0,0,.16);transform:translate(-50%,-50%)}.bracelet-builder__stone--letter-cube-black,.bracelet-builder__bead[data-stone^=letter-cube-black-]{background-image:var(--bb-black-letter-cube-image)}.bracelet-builder__stone--letter-cube-black:after,.bracelet-builder__bead[data-stone^=letter-cube-black-]:after{color:#fff;text-shadow:0 .025em .04em rgba(0,0,0,.45)}.bracelet-builder__size-dialog[hidden]{display:none}.bracelet-builder__size-dialog{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;padding:2rem;overflow:auto;place-items:start center}.bracelet-builder__dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#12100e9e;cursor:default;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.bracelet-builder__dialog-card{position:relative;z-index:1;width:min(100%,56rem);max-height:calc(100vh - 4rem);padding:2.8rem;overflow:auto;border-radius:.4rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 2.4rem 8rem #00000047}.bracelet-builder__dialog-card h2{margin:.4rem 0 .8rem;font-size:2.6rem}.bracelet-builder__dialog-card>p:not(.bracelet-builder__eyebrow){margin:0 0 2.4rem;color:rgba(var(--color-foreground),.62)}.bracelet-builder__dialog-close{position:absolute;top:1.2rem;right:1.4rem;width:3.6rem;height:3.6rem;padding:0;border:0;color:inherit;background:transparent;font-size:2.8rem;line-height:1;cursor:pointer}.bracelet-builder__dialog-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.bracelet-builder__dialog-options[hidden]{display:none}.bracelet-builder__dialog-options button{display:grid;min-height:10.5rem;padding:1.2rem;place-items:center;gap:.6rem;border:.1rem solid var(--bb-line);border-radius:.3rem;color:inherit;background:transparent;cursor:pointer}.bracelet-builder__dialog-options button[hidden]{display:none}.bracelet-builder__dialog-options button:hover,.bracelet-builder__dialog-options button:focus-visible{border-color:var(--bb-ink);outline:.1rem solid var(--bb-ink);outline-offset:0;background:rgba(var(--color-foreground),.04)}.bracelet-builder__dialog-options button[aria-pressed=true]{border-color:var(--bb-ink);background:rgba(var(--color-foreground),.08);box-shadow:inset 0 0 0 .1rem var(--bb-ink)}.bracelet-builder__dialog-options button[data-size-option="6"] .bracelet-builder__stone{width:4.2rem;height:4.2rem}.bracelet-builder__dialog-options button[data-size-option="8"] .bracelet-builder__stone{width:5.6rem;height:5.6rem}.bracelet-builder__variant-colors{margin-top:2.2rem}.bracelet-builder__variant-colors[hidden],.bracelet-builder__variant-apply[hidden]{display:none}.bracelet-builder__variant-colors>p{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.bracelet-builder__variant-colors>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}.bracelet-builder__variant-colors button{display:grid;min-width:0;padding:.8rem .35rem;place-items:center;gap:.5rem;border:.1rem solid var(--bb-line);border-radius:.3rem;color:inherit;background:transparent;font:inherit;font-size:.95rem;line-height:1.2;cursor:pointer}.bracelet-builder__variant-colors button[aria-pressed=true]{border-color:var(--bb-ink);background:rgba(var(--color-foreground),.08);box-shadow:inset 0 0 0 .1rem var(--bb-ink)}.bracelet-builder__variant-colors button:hover,.bracelet-builder__variant-colors button:focus-visible{border-color:var(--bb-ink);outline:.1rem solid var(--bb-ink);outline-offset:0}.bracelet-builder__variant-colors .bracelet-builder__stone{width:4rem;height:4rem}.bracelet-builder__variant-letters{margin-top:1.2rem;--bb-letter-cell: 9.6rem;--bb-letter-cube: 8rem;--bb-letter-arrow: 4.4rem}.bracelet-builder__variant-letters[hidden]{display:none}.bracelet-builder__letter-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;max-width:38rem;margin-inline:auto}.bracelet-builder__letter-arrow{display:grid;width:var(--bb-letter-arrow);height:var(--bb-letter-arrow);padding:0 0 .3rem;place-items:center;border:.1rem solid var(--bb-line);border-radius:50%;color:inherit;background:transparent;font-size:2.8rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.bracelet-builder__letter-arrow:hover,.bracelet-builder__letter-arrow:focus-visible{border-color:var(--bb-ink);outline:none}.bracelet-builder__letter-track{position:relative;display:flex;padding-inline:calc(50% - var(--bb-letter-cell) / 2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.bracelet-builder__letter-track::-webkit-scrollbar{display:none}.bracelet-builder__letter-track button{display:grid;flex:0 0 var(--bb-letter-cell);height:calc(var(--bb-letter-cube) + 2.4rem);padding:0;place-items:center;border:0;color:inherit;background:transparent;cursor:pointer;scroll-snap-align:center;opacity:calc(1 - var(--bb-letter-distance, 1) * .45);transform:scale(calc(1 - var(--bb-letter-distance, 1) * .24));-webkit-tap-highlight-color:transparent}.bracelet-builder__letter-track .bracelet-builder__stone{width:var(--bb-letter-cube);height:var(--bb-letter-cube)}.bracelet-builder__letter-track [data-tail-choice] .bracelet-builder__stone{transform:scale(var(--bb-swatch-scale, 1))}.bracelet-builder__letter-track button:focus-visible{outline:none}.bracelet-builder__letter-track button:focus-visible .bracelet-builder__stone{outline:.2rem solid var(--bb-ink);outline-offset:.4rem}.bracelet-builder__letter-track button.is-out-of-stock .bracelet-builder__stone{opacity:.4;filter:grayscale(1)}.bracelet-builder__letter-status{min-height:1.6rem;margin:.6rem 0 0;color:#a31212;font-size:1.2rem;text-align:center}.bracelet-builder__tail-status{color:rgba(var(--color-foreground),.58)}.bracelet-builder__tail-status.is-error{color:#a31212}.bracelet-builder__variant-apply{margin-top:2rem}.bracelet-builder__variant-apply:disabled{cursor:not-allowed;opacity:.45}@media(max-width:600px){.bracelet-builder__variant-colors>div{grid-template-columns:repeat(3,minmax(0,1fr))}.bracelet-builder__variant-letters{--bb-letter-cell: 7.8rem;--bb-letter-cube: 6.4rem;--bb-letter-arrow: 3.6rem}}.bracelet-builder__dialog-options span{display:grid;gap:.2rem}.bracelet-builder__dialog-options small{color:rgba(var(--color-foreground),.58)}body.bracelet-builder-dialog-open{overflow:hidden}@media screen and (max-width:989px){.bracelet-builder__stage{position:relative;top:auto;min-height:0}.bracelet-builder__preview{max-width:56rem}}@media screen and (max-width:749px){.bracelet-builder__header{margin-bottom:2.6rem}.bracelet-builder__stage{padding:1.2rem}.bracelet-builder__sizes{grid-template-columns:repeat(3,1fr)}.bracelet-builder__bead-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.bracelet-builder__stones{grid-template-columns:repeat(4,1fr)}.bracelet-builder__stones{--bb-heishi-picker-size: 3.8rem}.bracelet-builder__cord-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.bracelet-builder__stone{width:3.8rem;height:3.8rem}.bracelet-builder__summary>div{flex-direction:column;gap:.3rem}.bracelet-builder__dialog-card{padding:3rem 2rem 2rem}}.bracelet-builder__stone-button.is-out-of-stock,[data-stone].is-out-of-stock{opacity:.32;cursor:not-allowed;filter:grayscale(.55)}[data-stone].is-out-of-stock:hover{opacity:.32}[data-stone].is-out-of-stock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}button[data-plate-finish].is-out-of-stock{opacity:.32;cursor:not-allowed;filter:grayscale(.55)}button[data-plate-finish].is-out-of-stock:hover{opacity:.32}label[data-style-type].is-out-of-stock{opacity:.32;filter:grayscale(.55)}label[data-style-type].is-out-of-stock,label[data-style-type].is-out-of-stock input{cursor:not-allowed}.bracelet-builder__add-note{margin:.8rem 0 0;color:rgba(var(--color-foreground),.62);text-align:center;font-size:1.2rem}.bracelet-builder__add-note[hidden]{display:none}.bracelet-builder__stone-size{display:block;margin-top:.2rem;color:rgba(var(--color-foreground),.55);font-size:1rem;letter-spacing:.04em}.bracelet-builder__stage,.bracelet-builder__panel{min-width:0}.bracelet-builder__mobile-bar{display:none}.bracelet-builder__price{margin:0;font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums}.bracelet-builder__price-row{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:1.6rem;padding:1.4rem 1.6rem;border:.1rem solid var(--bb-line);border-radius:.3rem;background:var(--bb-soft)}.bracelet-builder__price-row[hidden]{display:none}.bracelet-builder__price-row span{color:rgba(var(--color-foreground),.58);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase}.bracelet-builder__price-row strong{font-size:2rem;font-variant-numeric:tabular-nums}.bracelet-builder__steps-nav{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding:1.4rem 0;border-bottom:.1rem solid var(--bb-line)}.bracelet-builder__steps-nav::-webkit-scrollbar{display:none}.bracelet-builder__step-chip{flex:0 0 auto;min-height:4.4rem;padding:0 1.4rem;border:.1rem solid var(--bb-line);border-radius:999px;background:transparent;color:rgba(var(--color-foreground),.7);font:inherit;font-size:1.3rem;white-space:nowrap;cursor:pointer}.bracelet-builder__step-chip:hover{border-color:rgba(var(--color-foreground),.45)}.bracelet-builder__step-chip:focus-visible{outline:.2rem solid var(--bb-ink);outline-offset:.2rem}.bracelet-builder__step-chip.is-active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.bracelet-builder__step.is-active-step{background:linear-gradient(to bottom,rgba(var(--color-foreground),.07) 0,rgba(var(--color-foreground),.012) 190px,rgba(var(--color-foreground),0) 300px)}.bracelet-builder__step{display:none;padding:2rem 0 2.2rem;border-bottom:0}.bracelet-builder__step.is-active-step{display:block}.bracelet-builder__step-heading{display:none}.bracelet-builder__step-heading:has([data-fill-menu]){display:flex;justify-content:flex-end}.bracelet-builder__step-heading:has([data-fill-menu])>div:not([data-fill-menu]){display:none}.bracelet-builder__step-heading [data-fill-menu]{flex:0 0 auto;white-space:nowrap}.bracelet-builder__segmented,.bracelet-builder__sizes,.bracelet-builder__bead-sizes,.bracelet-builder__styles,.bracelet-builder__products,.bracelet-builder__stones,.bracelet-builder__metals,.bracelet-builder__components,.bracelet-builder__cord-colors,.bracelet-builder__plate-finish-options{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--bb-rows, 1),auto);grid-template-columns:none;grid-auto-columns:var(--bb-col, 15rem);gap:1rem .8rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.6rem;scroll-snap-type:x proximity}.bracelet-builder__segmented::-webkit-scrollbar,.bracelet-builder__sizes::-webkit-scrollbar,.bracelet-builder__bead-sizes::-webkit-scrollbar,.bracelet-builder__styles::-webkit-scrollbar,.bracelet-builder__products::-webkit-scrollbar,.bracelet-builder__stones::-webkit-scrollbar,.bracelet-builder__metals::-webkit-scrollbar,.bracelet-builder__components::-webkit-scrollbar,.bracelet-builder__cord-colors::-webkit-scrollbar,.bracelet-builder__plate-finish-options::-webkit-scrollbar{display:none}.bracelet-builder__segmented>*,.bracelet-builder__sizes>*,.bracelet-builder__bead-sizes>*,.bracelet-builder__styles>*,.bracelet-builder__products>*,.bracelet-builder__stones>*,.bracelet-builder__metals>*,.bracelet-builder__components>*,.bracelet-builder__cord-colors>*,.bracelet-builder__plate-finish-options>*{scroll-snap-align:start}.bracelet-builder__stones{--bb-col: 9rem}.bracelet-builder__sizes,.bracelet-builder__bead-sizes{--bb-col: 11rem}.bracelet-builder__metals,.bracelet-builder__components{--bb-col: 22rem}.bracelet-builder__cord-colors{--bb-col: 8rem}.bracelet-builder__plate-finish-options{--bb-col: 26rem}.bracelet-builder__plate-finish-options button>span{min-width:0}.bracelet-builder__plate-finish-options strong{white-space:nowrap}@media screen and (min-width:750px){.bracelet-builder__layout{grid-template-columns:minmax(0,1.12fr) minmax(30rem,.88fr);gap:clamp(2rem,4vw,9rem)}}@media screen and (min-width:750px){.bracelet-builder__stones{--bb-rows: 4}.bracelet-builder__metals,.bracelet-builder__components,.bracelet-builder__cord-colors{--bb-rows: 2}}@media screen and (max-width:749px){.bracelet-builder__layout{grid-template-columns:minmax(0,1fr)}.bracelet-builder__preview{margin-top:1rem}.bracelet-builder__steps-nav{margin:0 -1.5rem;padding:1.2rem 1.5rem}.bracelet-builder__segmented,.bracelet-builder__sizes,.bracelet-builder__bead-sizes,.bracelet-builder__styles,.bracelet-builder__products,.bracelet-builder__stones,.bracelet-builder__metals,.bracelet-builder__components,.bracelet-builder__cord-colors,.bracelet-builder__plate-finish-options{margin:0 -1.5rem;padding:0 1.5rem .6rem}.bracelet-builder__stones{--bb-col: 8.4rem}.bracelet-builder__mobile-bar{position:fixed;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));border-top:.1rem solid var(--bb-line);background:rgb(var(--color-background));box-shadow:0 -.2rem 1.2rem #00000014}.bracelet-builder__mobile-bar-text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.bracelet-builder__mobile-bar .button{flex:0 0 auto;min-height:4.4rem}.bracelet-builder__panel{padding-bottom:9rem}.bracelet-builder__panel [data-add-to-cart],.bracelet-builder__panel [data-add-to-cart-note],.bracelet-builder__panel [data-price-row]{display:none}}.bracelet-builder__option-price{display:block;margin-top:.2rem;color:rgba(var(--color-foreground),.75);font-size:1.1rem;font-variant-numeric:tabular-nums}.bracelet-builder__stones .bracelet-builder__option-price{text-align:center}.bracelet-builder .bracelet-builder__stones .bracelet-builder__stone:not([class*=heishi]):not([class*=letter-cube]),.bracelet-builder .bracelet-builder__bead[data-visual-variant]:not(.is-heishi):not(.is-component){box-shadow:none;filter:var(--bb-photoreal-bead-shadow);isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bracelet-builder__stage-topline{position:relative;z-index:6}.bracelet-builder__stage-tools,.bracelet-builder__stage-actions{position:relative}.bracelet-builder__stage-tools{display:flex;align-items:center}.bracelet-builder__stage-tools>:last-child,.bracelet-builder__stage-actions>:last-child{position:absolute;top:calc(100% + 6px);white-space:nowrap}.bracelet-builder__stage-tools>:last-child{left:0}.bracelet-builder__stage-actions>:last-child{right:0}.bracelet-builder__inspire-toggle[hidden]{display:none}.bracelet-builder__inspire{position:absolute;z-index:3;left:var(--x, 50%);top:var(--y, 50%);display:flex;align-items:center;gap:var(--inspire-gap, 14px);transform:translate(-50%,-50%);pointer-events:none}.bracelet-builder__inspire>*{pointer-events:auto}.bracelet-builder__inspire[hidden]{display:none}.bracelet-builder__inspire-arrow,.bracelet-builder__inspire-close{position:relative;flex:none;width:40px;height:40px;padding:0;border:.1rem solid var(--bb-line);border-radius:50%;background:rgba(var(--color-background),.9);color:rgba(var(--color-foreground),.72);cursor:pointer;-webkit-tap-highlight-color:transparent}.bracelet-builder__inspire-arrow:before{position:absolute;left:50%;top:50%;width:9px;height:9px;content:"";border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translate(-30%,-50%) rotate(45deg)}.bracelet-builder__inspire-arrow--next:before{transform:translate(-70%,-50%) rotate(-135deg)}.bracelet-builder__inspire-arrow:disabled{cursor:default;opacity:.35}.bracelet-builder__inspire-close{width:32px;height:32px;border-color:transparent;background:transparent;color:rgba(var(--color-foreground),.5)}.bracelet-builder__inspire-close:before,.bracelet-builder__inspire-close:after{position:absolute;left:50%;top:50%;width:14px;height:1.5px;content:"";border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.bracelet-builder__inspire-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.bracelet-builder__inspire-arrow:focus-visible,.bracelet-builder__inspire-close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}@media(hover:hover){.bracelet-builder__inspire-arrow:not(:disabled):hover{border-color:rgba(var(--color-foreground),.45);color:rgb(var(--color-foreground))}.bracelet-builder__inspire-close:hover{color:rgb(var(--color-foreground))}}.bracelet-builder.is-inspire-mode .bracelet-builder__beads{transition:opacity .14s ease}.bracelet-builder.is-inspire-mode .bracelet-builder__beads.is-inspire-swap{opacity:0}.bracelet-builder.is-inspire-mode .bracelet-builder__bead{cursor:ew-resize}.bracelet-builder__preview.is-zoomed .bracelet-builder__inspire{display:none}@media(prefers-reduced-motion:reduce){.bracelet-builder.is-inspire-mode .bracelet-builder__beads{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-bracelet-builder.css.map */
