code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.bc-app{min-height:100vh;overflow-x:hidden;overflow-y:auto}button,input,select{font-family:inherit}.bc-category-scroll::-webkit-scrollbar{display:none}.bc-category-scroll{-ms-overflow-style:none;scrollbar-width:none}.bc-bracelet-container{height:100%;position:relative;width:100%}.bc-stone{position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bc-stone.bc-has-letter{box-shadow:0 2px 8px #00000026}.bc-stone.bc-has-charm{animation:charmGlow 2s ease-in-out infinite alternate;box-shadow:0 2px 8px #ffd7004d}.bc-stone:not(.bc-has-letter):not(.bc-has-charm){opacity:.7}.bc-stone:not(.bc-has-letter):not(.bc-has-charm):hover{opacity:1;transform:translate(-50%,-50%) scale(1.2)}img{height:auto;max-width:100%}@keyframes charmGlow{0%{box-shadow:0 2px 8px #ffd7004d}to{box-shadow:0 4px 12px #ffd70080}}.bc-stone.bc-dropzone-active{background:#4f46e51a!important;border:2px solid #4f46e5!important}.bc-stone.bc-dropzone-hover{background:#10b9811a!important;border:2px solid #10b981!important;transform:translate(-50%,-50%) scale(1.1)}.bc-bracelet-preview-container{align-items:center;aspect-ratio:1/1;display:flex;font-size:24px;font-weight:700;justify-content:center;margin:0 auto 20px;max-width:450px;position:relative;width:100%}.bc-main-bracelet-image,.bc-product-canvas,.bc-product-overlapping{height:100%;position:relative;width:100%}.bc-main-bracelet-image{z-index:1}.bc-product-overlapping-main-charm{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.bc-product-overlapping-content{z-index:10}.bc-product-overlapping-content,.bc-product-overlapping-letter{height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:429px){.bc-bracelet-preview-container{max-width:590px}}@media (max-width:1024px){.bc-app>div{gap:30px!important;grid-template-columns:1fr!important}}@media (max-width:768px){.bc-charms-label,.bc-letter-color-label{display:none!important}.bc-app>div{gap:15px!important;padding:0!important}#bc-charm-summary-overlay{left:0!important;margin-left:10px;margin-right:10px;right:0!important;width:95%!important}}.bc-product-overlapping-dropzone{height:100%;left:0;pointer-events:auto;position:absolute;top:0;touch-action:manipulation;width:100%;z-index:15}.bc-dropzone{--tw-bg-opacity:.3;-webkit-backdrop-filter:blur(.25px);backdrop-filter:blur(.25px);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;box-shadow:0 0 10px 4px #da9fc466;height:2rem;pointer-events:all;position:absolute;touch-action:auto;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}@media (min-width:1280px){.bc-dropzone{height:3rem;width:3rem}}.bc-magnetic-zone{height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:250%;z-index:0}@media (min-width:1024px) and (pointer:fine){.bc-magnetic-zone{height:200%;width:300%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bc-bracelet-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.bc-bracelet-modal.bc-active{align-items:center;display:flex;justify-content:center}.bc-bracelet-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;height:85vh;max-height:700px;max-width:1200px;overflow:hidden;position:relative;width:90vw}.bc-bracelet-modal-close{align-items:center;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:35px;justify-content:center;position:absolute;right:20px;top:15px;width:35px;z-index:10000}.bc-bracelet-modal-close:hover{background:#fff;color:#333}.bc-bracelet-modal .bc-app,.bc-bracelet-modal .bc-app>div{height:100%;min-height:0;min-height:auto}.bc-bracelet-modal .bc-app>div>div:last-child{max-height:100%;min-height:100%}.bc-dropzone-full{background-color:#da9fc499!important}.bc-draggable-inner-item-remove{align-items:center;background:#ffffffe6;border:1px solid #ccc;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;width:20px;z-index:1000}.bc-drag-box,.bc-draggable-inner-item{-webkit-user-drag:element;align-items:center;cursor:move;display:flex;justify-content:center;position:relative;touch-action:auto}.bc-draggable-inner-item{transition:transform .2s ease}.bc-draggable-inner-item:hover{transform:scale(1.1)}@media (min-width:1024px) and (pointer:fine){.bc-dropzone{border:2px solid #da9fc44d;transition:all .3s cubic-bezier(.4,0,.2,1)}.bc-dropzone:hover{border-color:#da9fc499;box-shadow:0 0 15px 6px #da9fc466;transform:scale(1.05)}.bc-dropzone-full{background-color:#da9fc4cc!important;border:3px solid #da9fc4e6!important;box-shadow:0 0 20px 8px #da9fc499!important;transform:scale(1.15)!important}.bc-draggable-inner-item{-webkit-user-drag:element;-webkit-user-select:none;user-select:none}.bc-draggable-inner-item:active{cursor:grabbing;transform:scale(1.05)}}@media (pointer:coarse){.bc-draggable-inner-item,.bc-dropzone{touch-action:auto}}[draggable=true]{-webkit-user-drag:element!important;-khtml-user-drag:element!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-user-select:none!important;user-select:none!important}@media (pointer:coarse){[draggable=true]{touch-action:auto!important}}@media (pointer:fine){[draggable=true]{touch-action:none!important}}@media (min-width:1280px){.bracelet-customizer-drag-preview{box-shadow:0 6px 20px #00000080!important;height:70px!important;width:70px!important}.bc-dropzone{height:3.5rem;width:3.5rem}.bc-dropzone-full{background-color:#da9fc4b3!important;transform:scale(1.1)!important}}.bc-draggable-inner-item-image{max-height:100%;max-width:100%;object-fit:contain;pointer-events:none}.bc-letter-dropzone{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute}.bracelet-customizer-drag-preview{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background-color:initial!important;background-repeat:no-repeat!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 16px #0006!important;height:60px!important;min-height:60px!important;min-width:60px!important;pointer-events:none!important;position:fixed!important;transform:translate(-50%,-50%)!important;transition:none!important;width:60px!important;will-change:transform!important;z-index:999999!important}.bracelet-customizer-drag-preview,body .bracelet-customizer-drag-preview{display:block!important;opacity:.9!important;visibility:visible!important}.bc-mobile-fixed-button{background-color:#fff!important;border-top:1px solid #f0f0f0!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;left:0!important;padding:16px 20px max(16px,calc(16px + env(safe-area-inset-bottom)))!important;position:fixed!important;right:0!important;z-index:1000!important}@supports (padding-bottom:env(safe-area-inset-bottom)){.bc-mobile-fixed-button{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}@media (max-width:768px){.bc-mobile-fixed-button{bottom:env(keyboard-inset-height,0)!important;min-height:60px;position:fixed!important}@supports (-webkit-touch-callout:none){.bc-mobile-fixed-button{padding-bottom:max(20px,calc(20px + env(safe-area-inset-bottom)))!important}}}.bc-mobile-content-spacing{padding-bottom:max(120px,calc(80px + env(safe-area-inset-bottom)))!important}@media (max-width:768px){.bc-mobile-content-spacing{padding-bottom:max(140px,calc(100px + env(safe-area-inset-bottom)))!important}}
/*# sourceMappingURL=main.8fcd8db1.css.map*/