.personalize-drawer{position:fixed;top:0;right:0;height:100%;max-width:1400px;background:rgb(var(--background));z-index:5;transition:transform .3s ease-in-out;box-shadow:-10px 0 10px -5px #0000001a;transform:translate(100%);overflow-y:scroll;overflow-x:hidden}.personalize-drawer.is-open{transform:translate(0)}.personalize-drawer__header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--color-off-white);border-bottom:1px solid rgb(var(--border-color))}.personalize-drawer__inner{width:100%}@media screen and (max-width: 767px){.personalize-drawer{width:100%}}@media screen and (min-width: 767px){.personalize-drawer__inner{padding:0 20px 20px;width:600px}}.personalize-drawer__inner .personalize-option-tabs{display:flex;justify-content:space-between;padding:10px 0;margin-left:auto;margin-right:auto}.personalize-drawer__inner .personalize-tab{width:47%;text-align:center;text-transform:uppercase;padding:5px 0;border:1px solid #000000}.personalize-drawer__inner .personalize-tab.active{background-color:#fff;font-weight:700;border:2px solid #000000}.personalize-drawer__close-btn{display:flex;align-items:center;gap:10px;cursor:pointer}.personalize-drawer__title,.personalize-drawer__price{font-size:12px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-transform:var(--heading-text-transform)}.personalize-drawer__price-wrapper{display:flex;align-items:center;gap:20px}.personalize-drawer__price__line{width:1px;height:25px;background:#000}.personalize-drawer__price{text-transform:capitalize}.personalize-drawer__media{width:100%;max-width:300px;margin-left:auto;margin-right:auto}.personalize-cta{font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-style:var(--text-font-style);text-transform:var(--heading-text-transform)}.personalize-cta:disabled{opacity:.5;cursor:not-allowed!important}@media screen and (max-width: 768px){.personalize-cta{font-size:14px}}.personalize-drawer [type=submit]{font-size:14px;font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-style:var(--text-font-style);text-transform:var(--heading-text-transform)}.personalize-drawer__add-to-cart{bottom:25px;left:0;width:100%;padding:20px}.personalize-drawer__add-to-cart .error-message{width:90%;margin-left:auto;margin-right:auto;padding-top:5px;color:var(--error-text);text-align:center}.personalize-atc:disabled{cursor:not-allowed!important;opacity:.6}.text-case{text-transform:capitalize;font-size:12px;font-style:normal;font-weight:500;line-height:12px;margin-bottom:8px;padding-bottom:0}.case-options-wrapper{margin-left:6px;margin-top:10px}.text-case-align,.alignment-button,.gemstone-button,.gemstone-component-button,.circle-pendant-text-case-align{border-radius:100%;font-size:16px;width:25px;padding:0;height:25px;line-height:10px;position:relative;background:#faf6f2;border:1px solid #D6CAC4;color:#513629;box-shadow:none;margin-right:8px}.text-case-align svg,.circle-pendant-text-case-align svg{width:14px;height:14px;margin-left:auto;margin-right:auto}.text-case-align svg path,.alignment-button svg path,.gemstone-button svg path,.gemstone-component-button svg path,.circle-pendant-text-case-align svg path{stroke:#000}.gemstone-component-button img{margin-left:auto;margin-right:auto}.text-case-align.enabled-box,.alignment-button.enabled-box,.circle-pendant-text-case-align.enabled-box{color:#212121;border:1px solid #212121}.text-case-align:not(.enabled-box):hover,.alignment-button:not(.enabled-box):hover,.circle-pendant-text-case-align:not(.enabled-box):hover{background:#513629;color:#fff}.text-case-align:not(.enabled-box):hover svg path,.alignment-button:not(.enabled-box):hover svg path,.circle-pendant-text-case-align:not(.enabled-box):hover svg path{stroke:#fff}.text-box{padding-top:15px}.input-field{border:1px solid #dddcdc;max-width:100%;padding:10px;border-radius:0;display:block;background-color:#fff;font-weight:400;font-size:16px;height:48px;margin:15px 0 25px}.input-field.lowercase{text-transform:lowercase}.input-field.uppercase{text-transform:uppercase}.input-field img{width:15px;height:15px;display:inline}.input-field p{display:inline}.symbol-container{padding-bottom:15px;display:flex;align-items:center}.symbol-container .symbol-button{padding:0;border:1px solid #D6CAC4;color:#606061;line-height:1;width:25px;height:25px;margin:0 4px;font-size:16px;border-radius:100%;background:#faf6f2;color:#212121}.symbol-container label{font-size:12px}.gemstone-button img{margin:auto}.alignment-button svg{margin:auto}.symbol-container .symbol-button:hover,.gemstone-button:hover{border-color:#7b3f00}.symbol-container .symbol-button img{margin:0 auto}.canvasContainer{border:1px solid #000000;margin-left:auto;margin-right:auto}.canvasContainer.borderless{border:0px}.peronalize-atc{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-transform:var(--heading-text-transform)}.text-options{display:flex;justify-content:space-between;align-items:center;padding-top:20px;flex-wrap:wrap;gap:10px}.label-and-case-wrapper,.case-container,.alignment-container{display:flex;align-items:center}.label-and-case-wrapper label,.case-container label,.alignment-container label{padding-right:5px;font-size:12px}.label-and-case-wrapper.circle-pendant{padding-bottom:15px}.embeded-gemstone-container{padding-top:15px;display:flex;align-items:center}.embeded-gemstone-container label{padding-right:15px;white-space:nowrap}.embeded-gemstone-container .custom-dropdown-wrapper{width:100%;position:relative}.embeded-gemstone-container select{margin-top:16px;height:48px;border:1px solid #dddcdc;font-size:14px;font-style:normal;font-weight:400;line-height:14px;-moz-appearance:none;-webkit-appearance:none;position:relative;color:#212121;letter-spacing:1.76px;opacity:.75;padding:12px 16px;background-color:#fffefd;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;cursor:pointer}.div-and-counter-wrapper{position:relative}.div-and-counter-wrapper .input-counter{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.add-personalization-action-wrapper{padding-bottom:20px;display:flex}.add-personalization-action-wrapper label{padding-left:7px}.option-wrapper{display:flex;gap:25px;margin-top:20px;margin-left:auto;margin-right:auto}.option-wrapper.bundle-product{flex-direction:column}.option-wrapper.bundle-product .bundleCanvasMagic .product-wrapper{position:absolute}.option-wrapper.bundle-product .bundleCanvasMagic .bundle-chain-img{max-height:40px;position:absolute;left:0;z-index:50}.option-wrapper.hidden{display:none}@media screen and (max-width: 767px){.personalize-drawer__inner .fields-wrapper{width:100%}}.bundleCanvasMagic{display:flex;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;border:1px solid #000000}.bundleCanvasMagic[data-amount-of-products="2"] .product-wrapper:first-of-type{top:0;z-index:1000}.bundleCanvasMagic[data-amount-of-products="2"] .product-wrapper:last-of-type{top:0;z-index:999}.bundleCanvasMagic[data-amount-of-products="3"] .product-wrapper{top:0;left:0;z-index:100}.bundleCanvasMagic[data-amount-of-products="3"] .product-wrapper:first-of-type{top:0;z-index:1000}.bundleCanvasMagic[data-amount-of-products="3"] .product-wrapper:last-of-type{top:0;z-index:1000}.bold{font-weight:700}.uppercase{text-transform:uppercase}.gemstone-container{position:relative}.dropdown-parent{width:100%;display:flex;flex-direction:column;border:solid 1px #b3b3b3;position:relative}.dropdown-parent .option{display:flex;align-items:center;gap:10px;padding:10px;position:relative}.focusable-dropdown-button{width:100%;padding:0;border:none;background:none;display:flex;gap:10px;align-items:center}.dropdown-options-list{list-style:none}.focusable-dropdown-button img{width:25px;height:25px}.dropdown-options-list{overflow-y:auto;position:absolute;width:100%;top:40px;border:solid 1px #b3b3b3;border-top:0;z-index:10;background-color:#fff;transition:all .2s;margin:0;padding:0;visibility:hidden;height:0;opacity:0}.gemstone-container .custom-dropdown-wrapper{width:100%}.gemstone-container.manual-add .dropdown-options-list{width:calc(75% - 2px)}.gemstone-container.manual-add .option,.gemstone-container.manual-add .custom-dropdown-wrapper{width:75%}.dropdown-options-list.active{visibility:visible;opacity:1;height:120px}.dropdown-options-list .option{padding:10px}.focusable-dropdown-button-span:after{content:"\2304";position:absolute;right:3%;top:10%;transform:rotate(0);transition:all .25s}.focusable-dropdown-button-span.active:after{content:"\2304";position:absolute;right:3%;top:42%;transform:rotate(180deg)}.inline-gemstone-add-btn{margin-left:15px}.personalize-drawer+#personalization-overlay{display:none;position:fixed;background:#0000009e;width:100%;height:100%;left:0;top:0;z-index:4}.personalize-drawer.is-open+#personalization-overlay{display:block}.canvasContainer .canvas-container .upper-canvas{z-index:-1}.circle-pendant-form-wrapper .embeded-gemstone-container{padding-bottom:35px}
/*# sourceMappingURL=/cdn/shop/t/699/assets/custom-personalize-drawer.css.map */