.personalization-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:1.25rem}.personalization-modal-overlay.active{opacity:1}.personalization-modal{position:relative;background:#fcf6ec;border-radius:0;max-width:30rem;width:100%;max-height:92vh;overflow-y:auto;transform:scale(.96);transition:transform .3s ease;box-shadow:unset}.personalization-modal-overlay.active .personalization-modal{transform:scale(1)}.personalization-modal-container{padding:1.5rem 1.35rem 1.35rem}.personalization-close-btn{position:absolute;top:0rem;right:0rem;background:transparent;border:none;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0}.personalization-close-btn svg{fill:#64879a}.personalization-close-btn:hover{opacity:.75}.personalization-modal-content{position:relative}.personalization-image-wrapper{position:relative;width:100%;margin:0 0 1.25rem;background:#fde3d9;border-radius:20px;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.personalization-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover;padding:0;box-sizing:border-box}.personalization-text-overlay{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:gray;font-weight:500;letter-spacing:-.5px;pointer-events:none;white-space:nowrap;text-transform:capitalize}.personalization-form-content{text-align:left}.personalization-heading{font-family:var(--font-heading, inherit);font-size:28px;font-weight:400;color:#000;margin:0 0 2rem;line-height:120%;text-transform:none}.personalization-price{font-family:var(--font-body, inherit);font-size:.95rem;color:#111;margin:0 0 1.1rem;font-weight:400;display:none}.personalization-slots{margin-bottom:.75rem}.personalization-slot{margin-bottom:0}.personalization-slot-label{display:block;font-family:var(--font-body, inherit);font-size:16px;font-weight:400;color:#000;margin-bottom:.5rem;line-height:130%}.personalization-input-wrapper{margin-bottom:.75rem}.personalization-input{width:100%;padding:.85rem 1rem;font-family:var(--font-body, inherit);font-size:.95rem;border:1px solid #d8d8d8;border-radius:.5rem;outline:none;transition:border-color .2s ease;background:#fff;font-weight:400;text-transform:none;letter-spacing:0;color:#111;box-sizing:border-box}.personalization-input:focus{border-color:#1b3246}.personalization-input::placeholder{color:#b0b0b0;text-transform:none}.personalization-char-counter{display:none}.personalization-error{color:#c0392b;font-size:.82rem;margin:.5rem 0 0;text-align:left;font-weight:500}.personalization-instructions{background:transparent;padding:0;margin-bottom:1.25rem;text-align:center}.personalization-instructions p{font-family:var(--font-body, inherit);font-size:12px;line-height:130%;color:#5c5c5c;margin:0;text-align:left}.special-chars-link{color:inherit;text-decoration:underline;cursor:pointer;position:relative;font-weight:400}.special-chars-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1b3246;color:#fff;padding:.75rem;border-radius:.5rem;font-size:.72rem;white-space:nowrap;margin-bottom:.5rem;z-index:1000;text-align:left}.special-chars-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1b3246}.special-chars-link:hover .special-chars-tooltip{display:block}.personalization-actions{display:flex;flex-direction:column;gap:.75rem}.btn-confirm-personalization,.btn-skip-personalization{width:100%;padding:.9rem 1rem;font-family:var(--font-body, inherit);font-size:20px;font-weight:700;border-top-left-radius:0;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;text-transform:none;letter-spacing:0;line-height:100%}.btn-confirm-personalization{color:#fff;background:#1b3246;border:2px solid #1b3246;box-shadow:none}.btn-confirm-personalization:hover:not(:disabled){opacity:.92}.btn-confirm-personalization:disabled{background:#a8b4be;border-color:#a8b4be;color:#fff;cursor:not-allowed;opacity:1}.btn-skip-personalization{color:#1b3246;background:#fff;border:2px solid #1b3246}.btn-skip-personalization:hover{background:#1b32460a}.personalization-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:1.25rem}.personalization-preview-overlay.active{opacity:1}.personalization-preview-modal{background:#faf9f6;border-radius:1.25rem;max-width:32rem;width:100%;padding:1.75rem 1.5rem;position:relative;transform:scale(.96);transition:transform .3s ease;text-align:center}.personalization-preview-overlay.active .personalization-preview-modal{transform:scale(1)}.personalization-preview-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0}.personalization-preview-close:hover{opacity:.75}.personalization-preview-close svg{fill:#1b3246}.personalization-preview-modal h3{font-family:var(--font-heading, inherit);font-size:1.15rem;margin-bottom:.75rem;color:#111;font-weight:700}.personalization-preview-image-wrapper{position:relative;width:100%;max-width:22rem;margin:.75rem auto;background:#fde3d9;border-radius:1.5rem;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.personalization-preview-image-wrapper img{width:100%;height:100%;display:block;object-fit:contain;padding:1.75rem;box-sizing:border-box}.personalization-preview-text{position:absolute;left:50%;transform:translate(-50%);font-size:18px;color:gray;font-weight:600;letter-spacing:-.5px;pointer-events:none;white-space:nowrap}.preview-note{color:#555;font-size:.85rem;margin:0;font-style:normal}@media(max-width:768px){.personalization-modal-overlay{padding:.75rem}.personalization-modal{max-width:100%;max-height:96vh}.personalization-modal-overlay.active .personalization-modal{transform:scale(1);border-radius:10px}.personalization-modal-container{padding:1.25rem 1rem 1rem}.personalization-heading{font-size:16px;margin:0 0 .75rem}.personalization-slot-label{font-size:12px;margin-bottom:.25rem}.personalization-input-wrapper{margin-bottom:0}.personalization-instructions p{font-size:10px;line-height:normal}.btn-confirm-personalization,.btn-skip-personalization{font-size:16px}.personalization-preview-modal{padding:1.25rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/269/assets/personalization-modal.css.map */