.bracelet-maker.svelte-123936o.svelte-123936o.svelte-123936o{height:100%;width:100%}.bracelet-maker-container.svelte-123936o.svelte-123936o.svelte-123936o{display:flex;height:inherit;position:relative}@media screen and (max-width: 989px){.bracelet-maker-container.svelte-123936o.svelte-123936o.svelte-123936o{flex-direction:column}}.bracelet-maker-container.svelte-123936o .bracelet-controls.svelte-123936o.svelte-123936o{padding:0 2rem;width:100%;display:flex;flex-direction:column;box-sizing:border-box}@media screen and (min-width: 990px){.bracelet-maker-container.svelte-123936o .bracelet-controls.svelte-123936o.svelte-123936o{overflow-y:scroll}}@media screen and (max-width: 989px){.bracelet-maker-container.svelte-123936o .bracelet-controls.svelte-123936o.svelte-123936o{padding:0}}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control.svelte-123936o.svelte-123936o{padding:2rem;background-color:#fff}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections.svelte-123936o.svelte-123936o{border:1px solid gainsboro;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);flex-wrap:wrap}@media screen and (max-width: 1400px){.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections.svelte-123936o.svelte-123936o{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1200px){.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections.svelte-123936o.svelte-123936o{grid-template-columns:1fr 1fr}}@media screen and (max-width: 989px){.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections.svelte-123936o.svelte-123936o{grid-template-columns:1fr 1fr}}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections .selection.svelte-123936o.svelte-123936o{min-width:12.5%;height:3rem;display:flex;margin-left:8px}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections .selection input[type=radio].svelte-123936o.svelte-123936o{width:0;height:0;position:relative;visibility:hidden;align-items:center}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections .selection label.svelte-123936o.svelte-123936o{position:relative;margin-left:.5rem;display:flex;align-items:center;padding-left:30px}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections .selection label.svelte-123936o.svelte-123936o:before{position:absolute;border-radius:100%;left:0;content:"";width:20px;height:20px;border:1px solid gainsboro;display:block}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections .selection label.svelte-123936o.svelte-123936o:after{position:absolute;border-radius:100%;content:"";left:3.5px;width:14px;height:14px;background-color:#000;display:block;transition:all .25s;transform:scale(0)}.bracelet-maker-container.svelte-123936o .bracelet-controls .pattern-control .pattern-selections .selection input[type=radio].svelte-123936o:checked+label.svelte-123936o:after{transform:scale(1)}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control.svelte-123936o.svelte-123936o{padding:2rem;border-radius:16px;background-color:#fff}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls.svelte-123936o.svelte-123936o{border:1px solid gainsboro;border-radius:16px;padding:1rem;display:flex;justify-content:space-around;flex-wrap:wrap}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container.svelte-123936o.svelte-123936o{display:flex;flex-direction:column;align-items:center}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o{border:none;margin-top:8px;-webkit-appearance:none}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o::-webkit-slider-runnable-track{border-radius:100px;background-color:#80808026;height:10px}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o::-moz-range-track{border-radius:100px;background-color:#80808026;height:10px}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o::-ms-track{border-radius:100px;background-color:#80808026;height:10px}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o::-moz-range-thumb{-webkit-appearance:none;background-color:var(--lotus-primary-color, black);height:15px;width:15px;margin-top:-2.5px;border-radius:100%}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o::-ms-thumb{-webkit-appearance:none;background-color:var(--lotus-primary-color, black);height:15px;width:15px;margin-top:-2.5px;border-radius:100%}.bracelet-maker-container.svelte-123936o .bracelet-controls .model-control .controls .slide-container input.svelte-123936o.svelte-123936o::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--lotus-primary-color, black);height:15px;width:15px;margin-top:-2.5px;border-radius:100%}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-control.svelte-123936o.svelte-123936o{padding:2rem;border-radius:16px;background-color:#fff}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-control h2.svelte-123936o.svelte-123936o{margin:0 0 1rem}.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__acknowledgement.svelte-123936o.svelte-123936o{display:flex;align-items:center;padding:0 2rem;margin:0 0 1rem}.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__acknowledgement input.svelte-123936o.svelte-123936o{margin:0 1rem 0 0}.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__selectors.svelte-123936o.svelte-123936o{padding:0 2rem;display:flex;align-items:center;margin-bottom:1rem}@media screen and (max-width: 989px){.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__selectors.svelte-123936o.svelte-123936o{flex-direction:column}}.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__selectors select.svelte-123936o.svelte-123936o{margin:0;width:100%}.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__selectors select.svelte-123936o.svelte-123936o:nth-of-type(2){margin-left:1rem}@media screen and (max-width: 989px){.bracelet-maker-container.svelte-123936o .bracelet-controls .bracelet__selectors select.svelte-123936o.svelte-123936o:nth-of-type(2){margin-left:0;margin-top:1rem}}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option.svelte-123936o.svelte-123936o{display:flex;flex-direction:column}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option.svelte-123936o.svelte-123936o:nth-child(n+2){margin-top:2rem}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option h4.svelte-123936o.svelte-123936o{margin:0 0 0 1rem}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option .controls.svelte-123936o.svelte-123936o{height:auto;border-radius:16px;border:1px solid gainsboro;display:flex;flex-wrap:wrap;justify-items:center;align-items:center;padding:1rem}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option-sample.svelte-123936o.svelte-123936o{border-radius:100%;height:2rem;width:2rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;margin:9px}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option-sample__color-preview.svelte-123936o.svelte-123936o{display:block;box-shadow:1px 1px 3px 1px #00000063;width:75%;height:75%;border-radius:100%}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option-sample.selected.svelte-123936o.svelte-123936o{border:2px solid black}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option-sample__name.svelte-123936o.svelte-123936o{background:#000;color:#fff;position:absolute;opacity:0;top:-2rem;pointer-events:none;white-space:nowrap;padding:4px;z-index:100;transition:all .25s}.bracelet-maker-container.svelte-123936o .bracelet-controls .color-option-sample.svelte-123936o:hover>.svelte-123936o{opacity:1}.bracelet-maker-container.svelte-123936o .bracelet-controls .add-to-cart-button.svelte-123936o.svelte-123936o{border-radius:16px;transition:all .25s;margin:2rem 0}.bracelet-maker-container.svelte-123936o .bracelet-viewer.svelte-123936o.svelte-123936o{width:100%;max-width:50%;box-sizing:border-box;position:relative}.bracelet-maker-container.svelte-123936o .bracelet-viewer .canvas-container.svelte-123936o.svelte-123936o{height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background:-moz-linear-gradient(top,#ffffff 0%,#000000 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#000000 100%);background:linear-gradient(180deg,#585858,#c3c3c3 22%,#fff 56% 100%)}@media screen and (max-width: 989px){.bracelet-maker-container.svelte-123936o .bracelet-viewer.svelte-123936o.svelte-123936o{padding:0;max-height:60vh;min-height:60vh;height:60vh;width:100%;max-width:100%}}@media screen and (min-width: 990px){.bracelet-maker-container.svelte-123936o .bracelet-viewer.svelte-123936o.svelte-123936o{top:0;left:0;position:sticky;max-height:100vh}#lotus-sky-page-scroller.cart-open .bracelet-maker-container.svelte-123936o .bracelet-viewer.svelte-123936o.svelte-123936o{position:unset}}.bracelet-maker-container.svelte-123936o .bracelet-viewer canvas.svelte-123936o.svelte-123936o{width:100%}.bracelet-color-picker.svelte-po9ii0.svelte-po9ii0{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#80808099}.bracelet-color-picker.svelte-po9ii0 .container.svelte-po9ii0{position:relative;background-color:#fff;padding:2rem 5rem;min-width:50%;max-height:50%;display:grid;overflow:hidden;grid-template-columns:repeat(8,1fr);border-radius:16px;box-shadow:1px 1px 5px #00000080;overflow-y:scroll}@media screen and (max-width: 900px){.bracelet-color-picker.svelte-po9ii0 .container.svelte-po9ii0{margin:0 2rem}}.bracelet-color-picker.svelte-po9ii0 .container .close-button.svelte-po9ii0{position:absolute;top:16px;right:16px}.bracelet-color-picker.svelte-po9ii0 .container .color.svelte-po9ii0{display:flex;flex-direction:column;align-items:center;padding:8px;cursor:pointer;transition:all .5s}.bracelet-color-picker.svelte-po9ii0 .container .color.svelte-po9ii0:hover{background-color:#dcdcdc}.bracelet-color-picker.svelte-po9ii0 .container .color h4.svelte-po9ii0{margin:0 0 1rem}.bracelet-color-picker.svelte-po9ii0 .container .color .color-sample.svelte-po9ii0{border-radius:100%;width:2rem;height:2rem}
/*# sourceMappingURL=/cdn/shop/t/43/assets/bracelet-builder.css.map */