.builder-option-title h3,.personalize-product .product-price,.builder-sidebar-header .sidebar-header-text,.step-content .step-content-head,.step-number{font-family:var(--heading-font-family)}.rectangle-image-container,.pears-image-container{display:grid}.builder-rectangle-image,.builder-pear-image{grid-area:1 / 1;display:block!important;opacity:1;visibility:visible;pointer-events:none;transition:opacity .35s ease,transform .35s ease;will-change:opacity}.builder-rectangle-image.hidden,.builder-pear-image.hidden{display:block!important;opacity:0;visibility:hidden;pointer-events:none}.birthstone-builder{display:flex;height:calc(100vh - 80px);background:#fff}.builder-sidebar h2{margin:0 0 40px;font-size:34px;font-weight:400;line-height:1}.builder-step{display:flex;gap:5px;padding:20px 0;border-bottom:1px solid #efefef;opacity:.5;transition:.25s}.step-number{width:20px;flex-shrink:0}.step-content{flex:1}.step-content .step-content-head,.step-number{font-size:18px;font-weight:700}.step-content span{display:block;font-size:15px;line-height:1}.builder-main{display:flex;padding-bottom:300px;width:100%;justify-content:center;align-items:center}.builder-main-image{max-width:480px;width:100%}.builder-main-image:not(.hidden){display:block}.builder-step-panel{display:none;padding:20px 45px}.builder-step-panel.active{display:block}.builder-option-title{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}.builder-option-title h3{margin:0;min-width:250px;text-align:center;font-size:20px;letter-spacing:0!important}.builder-prev,.builder-next{width:42px;height:42px;border:none;background:transparent;cursor:pointer;font-size:26px;transition:.2s;display:flex;align-items:center;justify-content:center}.builder-prev:hover,.builder-next:hover{transform:scale(1.1)}.builder-prev:disabled,.builder-next:disabled{opacity:0;cursor:default}.builder-next{color:#3b82f6}.builder-prev svg{transform:rotate(180deg)}.builder-option-content{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;max-width:890px;width:100%;margin:0 auto;overflow:auto;max-height:194px;scrollbar-gutter:stable both-edges}.builder-option{border:1px solid #dadada;background:#fff;border-radius:4px;cursor:pointer;transition:.25s;font-size:15px;display:flex;align-items:center;gap:7px;padding:10px;width:calc(33.33% - 7px);height:auto;line-height:1;min-height:40px}.builder-option:hover{border-color:#000}.builder-option.active{border:1px solid #000}.builder-option.disabled{opacity:.35;pointer-events:none}.builder-option[data-metal]{gap:10px}.builder-option[data-metal]:before{content:"";width:17px;height:17px;border-radius:50%;border:1px solid #d6d6d6}.builder-option[data-metal="Gold Color"]:before{background:#d9bf69}.builder-option[data-metal="Silver Color"]:before{background:#d9d9d9}.builder-step{cursor:default}.builder-step.clickable{cursor:pointer}.builder-step:not(.clickable){opacity:.5}.builder-step.active{opacity:1}.builder-option-image{width:70px;height:70px;object-fit:contain;display:block}.builder-option span{font-size:14px}.builder-variant-message{display:none;max-width:520px;text-align:center;color:#c62828;font-size:15px;line-height:1.5;position:absolute;bottom:316px;left:0;right:0;margin:auto;padding-inline:10px;width:100%}.builder-variant-message.show{display:block}.drawer-part .right-nav{display:flex;align-items:center;gap:20px;justify-content:end}.builder-clear-all{display:flex;align-items:center;margin:0 0 15px;padding:0;background:none;border:0;font-size:15px;cursor:pointer;text-decoration:underline;gap:8px;color:#666}.builder-clear-all svg{width:12px}.builder-clear-all:hover{color:#000}.personalize-product .close-icon-drawer,.builder-sidebar-close{display:flex;align-items:center;gap:8px;border:1px solid #ddd;background:#fff;padding:8px 14px;cursor:pointer;border-radius:4px;transition:.2s}.personalize-product .close-icon-drawer:hover{border-color:#000}.builder-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#111;color:#fff;padding:12px 18px;border-radius:6px;opacity:0;visibility:hidden;transition:.25s;320 z-index:99999}.builder-toast.show{opacity:1;visibility:visible}.builder-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;font-size:30px}.builder-sidebar-header .sidebar-header-text{line-height:1;font-size:24px}.builder-sidebar-toggle{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #ddd;background:#fff;border-radius:30px;cursor:pointer;opacity:1;visibility:visible;transition:opacity .25s ease}.birthstone-builder.sidebar-open .builder-sidebar-toggle{opacity:0;visibility:hidden;pointer-events:none}.builder-sidebar-toggle:hover{border-color:#000}.builder-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;visibility:hidden;transition:.3s;z-index:9998;display:none}.birthstone-builder.sidebar-open .builder-sidebar{transform:translate(0)}.builder-sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;background:#fff;border-right:1px solid #ececec;padding:25px;overflow-y:auto;transform:translate(-100%);transition:transform .35s ease;z-index:1}.birthstone-builder.sidebar-open .builder-sidebar-overlay{opacity:1;visibility:visible}.personalize-product .custom_drawer{max-width:100%;-webkit-user-select:none;user-select:none}.personalize-product .custom_drawer.hidden{transform:translateY(100%)!important;overflow:hidden}.personalize-product .custom_drawer .close-icon,.builder-sidebar-close{font-weight:700;font-size:0;gap:0;padding:0;height:44px;width:44px;display:flex;justify-content:center;border-radius:50%}.addoon_pro.personalize-product .close-icon .icon,.builder-sidebar-close .icon{width:26px;height:26px}.personalize-product.addoon_pro .close-icon .icon{margin-bottom:0}.personalize-product .product-price{font-size:20px}.personalize-product .builder-sidebar-toggle{width:fit-content}.personalize-product .drawer-part-head{display:grid;grid-template-columns:1fr auto 1fr;border-bottom:none;padding:20px;align-items:center;position:relative;z-index:1}.personalize-product .drawer-product-title{letter-spacing:normal!important;font-size:18px}.builder-step-panel-row{height:300px;min-height:300px;position:absolute;bottom:0;left:0;width:100%;background-color:#fafafa;z-index:2}.builder-step-panel .birthstone-back-btn,.builder-step-panel .birthstone-add-cart-btn{flex:none;width:155px}.builder-main-top-inner{display:flex;justify-content:space-between;padding:20px}.personalize-image-main-container{position:relative;width:500px}.personalize-image-main-container.toi-et-moi-Necklace{width:800px;margin-top:-150px;overflow:hidden}.personalize-image-main-container.toi-et-moi-Bracelet{position:relative;width:600px;margin-top:-50px}.personalize-product .shop-name img{max-width:120px;height:auto}.rectangle-image-container{position:absolute;max-width:227px;bottom:0}.pears-image-container{position:absolute;max-width:241px;bottom:0}.toi-et-moi-Ring .rectangle-image-container:after{position:absolute;content:"";height:0px;width:0px;bottom:220px;left:193px;box-shadow:43px 38px 13px 58px #c3beb9;z-index:-1}.toi-et-moi-Necklace .rectangle-image-container:after{position:absolute;content:"";height:0;width:0;bottom:176px;left:198px;background:#c3beb9;z-index:-2;box-shadow:0 -6px 4px 49px #c3beb9;transform:0}.toi-et-moi-Bracelet .rectangle-image-container:after{position:absolute;content:"";height:0px;width:0px;bottom:63px;left:36px;box-shadow:42px 31px 3px 22px #c3beb9;z-index:-2;transform:rotate(-40deg)}.toi-et-moi-Ring .rectangle-image-container{bottom:3px;left:34px;max-width:365px;transform:rotateY(0) skew(-3deg,4deg)}.toi-et-moi-Ring .pears-image-container{bottom:43px;right:43px;max-width:293px;transform:rotate(-1deg)}.toi-et-moi-Necklace .pears-image-container{bottom:78px;right:182px;transform:rotate(-6deg);max-width:323px}.toi-et-moi-Necklace .rectangle-image-container{bottom:75px;left:210px;max-width:345px;transform:translateZ(0)}.toi-et-moi-Bracelet .rectangle-image-container{max-width:125px;bottom:25px;left:239px;transform:rotate(6deg)}.toi-et-moi-Bracelet .pears-image-container{max-width:98px;bottom:39px;left:292px;transform:rotate(1deg)}.toi-et-moi-Earrings .pears-image-container{max-width:300px;bottom:149px;left:135px;transform:0}.toi-et-moi-Earrings .rectangle-image-container{max-width:275px;bottom:185px;left:72px;transform:0}.personalize-direct-cart-btn.hidden{display:none}.personalize-direct-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;width:100%;max-width:500px;background-color:#222;color:#fff;border:1px solid #333;font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;margin-top:12px}.personalize-direct-cart-btn:hover{background-color:#f4f4f4;color:#222}.personalize-birthstone-btn.product-edited:not(:hover){background-color:#fff;color:#222}.personalize-birthstone-btn.product-edited:not(:hover) path{fill:#222}.builder-step .step-selected-item{display:flex;align-items:center}.builder-step .step-selected-item img{width:30px;height:30px;margin-left:-8px}.builder-step .step-selected-item .selected-metal-color{width:20px;height:20px;border:1px solid #ddd;border-radius:50%;margin-right:8px}.selected-metal-color.gold{background:linear-gradient(135deg,#f8e27a,#d4af37,#b8860b)}.selected-metal-color.silver{background:linear-gradient(135deg,#f8f8f8,silver,#8e8e8e)}.builder-step .step-selected-item:has(.selected-metal-color),.builder-step .selected-size{margin-top:5px}.personalize-image-main-container.toi-et-moi-Earrings{position:relative;width:600px}@media(min-width:991px)and (max-width:1200px){.sidebar-open .personalize-image-main-container.toi-et-moi-Bracelet,.sidebar-open .personalize-image-main-container.toi-et-moi-Necklace{right:-70px}.sidebar-open .personalize-image-main-container.toi-et-moi-Earrings{right:-50px}}@media(min-width:768px){.builder-option-content:not(:has(>.builder-option:nth-child(3))){justify-content:center}.builder-option-title{min-height:50px}.builder-prev,.builder-next{min-width:155px}}@media(min-width:1200px){.builder-main-top-inner .right-nav.mobile-show{display:none}}@media(max-width:1400px){.personalize-product .shop-name{display:none}.personalize-product .drawer-part-head{padding:15px!important;grid-template-columns:auto auto}}@media(max-width:990px){.builder-sidebar{width:100%;border-right:none;border-bottom:1px solid #ececec}.builder-main-image{max-width:320px}.builder-step-panel{padding:25px}.addoon_pro.personalize-product .drawer-part{height:100vh;display:block}.personalize-product .personalize-main-image img{margin-inline:auto}.birthstone-builder{height:100vh}.builder-main-top-inner{border-bottom:1px solid #ececec;position:absolute;top:0;left:0;width:100%;background-color:#fff;padding:15px}.builder-main{padding-bottom:380px}}@media(max-width:767px){.builder-sidebar-header{font-size:24px}.builder-sidebar-close{width:30px;height:30px}.personalize-product .builder-sidebar-toggle,.personalize-product .close-icon .icon{font-size:0;gap:0;padding:0;display:flex;justify-content:center;border-radius:50%}.builder-main{padding-bottom:465px}.builder-step-panel-row{height:400px;min-height:400px;z-index:0}.builder-option{width:100%}.builder-option-content{max-height:280px}.builder-step-panel:last-child .builder-option-content{max-height:230px}.builder-option-title{justify-content:space-between;gap:10px}.builder-option-title h3{font-size:18px;min-width:auto}.builder-step-panel:last-child .builder-option-title{flex-wrap:wrap}.builder-step-panel:last-child .birthstone-add-cart-btn{width:100%}.builder-option-content,.builder-option-title{max-width:300px;margin-inline:auto}.builder-step-panel{padding:25px 15px}.builder-clear-all{font-size:14px}.builder-clear-all svg{width:12px}.personalize-image-main-container{width:375px}.personalize-image-main-container.toi-et-moi-Necklace{width:480px;margin-top:-10px}.toi-et-moi-Ring .builder-variant-message{max-width:100%;font-size:14px;bottom:416px}.toi-et-moi-Ring .rectangle-image-container:after{bottom:166px;left:113px;box-shadow:43px 38px 13px 38px #ababab}.toi-et-moi-Ring .rectangle-image-container{max-width:255px;left:32px;bottom:13px}.toi-et-moi-Ring .pears-image-container{max-width:200px;bottom:43px;right:51px}.toi-et-moi-Necklace .pears-image-container{bottom:54px;right:113px;transform:0;max-width:185px}.toi-et-moi-Necklace .rectangle-image-container:after{bottom:135px;left:72px;transform:rotate(7deg);box-shadow:42px 31px 4px 34px #c3beb9;height:0;width:0}.toi-et-moi-Bracelet .rectangle-image-container:after{bottom:41px;left:3px;box-shadow:42px 31px 3px 15px #c3beb9;transform:rotate(-40deg)}.toi-et-moi-Necklace .rectangle-image-container{bottom:51px;left:131px;max-width:197px;transform:0}.personalize-image-main-container.toi-et-moi-Bracelet{width:450px;margin-top:unset}.toi-et-moi-Bracelet .rectangle-image-container{max-width:85px;bottom:23px;left:184px;transform:rotate(3deg)}.toi-et-moi-Bracelet .pears-image-container{max-width:70px;bottom:32px;left:219px}.toi-et-moi-Earrings .rectangle-image-container{max-width:230px;bottom:215px;left:118px}.toi-et-moi-Earrings .pears-image-container{max-width:245px;bottom:189px;left:174px}.personalize-product .custom_drawer .close-icon,.builder-sidebar-close,.builder-share,.personalize-product .builder-sidebar-toggle,.builder-share svg{height:34px;width:34px}.addoon_pro.personalize-product .close-icon .icon,.builder-sidebar-close .icon{width:21px;height:21px}.personalize-product .builder-sidebar-toggle svg{width:20px;height:20px}.drawer-part .right-nav{gap:12px}.personalize-product .drawer-part-head{padding:10px 15px!important}.builder-sidebar{padding:20px}.builder-prev,.builder-next{width:32px;height:32px}.builder-prev svg,.builder-next svg{width:100%;padding:1px}}
/*# sourceMappingURL=/cdn/shop/t/461/assets/personalize-product.css.map */